JavaScript 由左向右的图片渐变过渡_图片特效特效

缂佸洦鈪礑edeCMS鐟欏棝顣堕弫娆戔柤娑旀壆鈹栭梻锟� 缁夌喐婀囬崝鈥虫珤闁缍夌涵鏇氱鞍閼辨棑绱� 閺冪姴鍜栫粩娆撴毐瀹搞儱鍙�,閻ф儳瀹抽弶鍐櫢娑撯偓闁款喖鍙忛弻锟�!

JavaScript 由左向右的图片渐变过渡效果，给人一种新鲜感，有点遮罩的意思，代码可以再次优化哦。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>由左向右的图片渐变</title>
</head>
<body>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div id=oTransContainer 
            style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px"><a 
            href="/" 
            target=_blank><img class=pic id=oDIV1 
            style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid" 
            height=150 src="http://p1.mb5u.com/texiao/1/20110225160520390.jpg" 
            border=0>
            <script>var NowFrame = 1;var MaxFrame = 3;var bStart = 0;function fnToggle(){var next = NowFrame + 1;if(next == MaxFrame+1) {NowFrame = MaxFrame;next = 1;}if(bStart == 0){bStart = 1;setTimeout('fnToggle()', 2000);return;}else{oTransContainer.filters[0].Apply();document.images['oDIV'+next].style.display = "";document.images['oDIV'+NowFrame].style.display = "none";oTransContainer.filters[0].Play(duration=2);if(NowFrame == MaxFrame){NowFrame = 1;}else{NowFrame++;}}	setTimeout('fnToggle()', 6000);}fnToggle();</script>
    </a><a 
            href="/" 
            target=_blank><img class=pic id=oDIV2 
            style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; DISPLAY: none; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid" 
            height=150 src="http://p1.mb5u.com/texiao/1/20110225160520391.jpg" 
            border=0></a><a 
            href="/" 
            target=_blank><img class=pic id=oDIV3 
            style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; DISPLAY: none; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid" 
            height=150 src="http://p1.mb5u.com/texiao/1/20110225160520392.jpg" 
            border=0></a></div></td>
  </tr>
</table>
</body>
</html>

所属频道：图片特效特效/更新时间：2012-11-29

[收藏][报错][返回列表]

评论加载中....

JavaScript 由左向右的图片渐变过渡_图片特效特效

图片特效特效Rss订阅特效代码搜索

图片特效特效推荐

猜你也喜欢看这些

閺€鎯版&閸掑棔闊�