JS图片渐变轮换焦点图效果广告代码-演示地址:

海南网站建设,网页设计
记忆工作中的点滴
首页>> 广告代码 >>JS图片渐变轮换焦点图效果广告代码

演示地址:http://www.souab.com/Demo/200907/JsImg/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta content="图片渐变轮换焦点图效果广告代码" name="keywords" />
<title>JS图片渐变轮换焦点图效果广告代码_不懂戀愛魚兒</title>
<style type="text/css">
body{text-align:center;}
</style>
</head>

<body>
<SCRIPT>
 var NowFrame = 1;
 var MaxFrame = 5;
 var bStart = 0;
 function fnToggle() {
 var next = NowFrame + 1;
 if(next == MaxFrame+1)
 {
 NowFrame = MaxFrame;
 next = 1;
 }
 if(bStart == 0)
 {
 bStart = 1;
    
 setTimeout('fnToggle()', 1000);
 return;
 }
 else
 {
 oTransContainer.filters[0].Apply();
 document.images['oDIV'+next].style.display = "";
 document.images['oDIV'+NowFrame].style.display = "none";
 oTransContainer.filters[0].Play(duration=5);
 if(NowFrame == MaxFrame)
 NowFrame = 1;
 else
 NowFrame++;
 } setTimeout('fnToggle()', 6000);
 }
 fnToggle();
</SCRIPT>
<!--焦点图片开始-->
<DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 243px; HEIGHT: 235px">
<A href="#" target="_blank"><IMG id=oDIV1 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes;  BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="Img/01.jpg" width=243 border=0></A>
<A href="#" target="_blank"k><IMG id=oDIV2 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="Img/02.jpg" width=243 border=0></A>
<A href="#" target="_blank"><IMG id=oDIV3 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="Img/03.jpg" width=243 border=0></A>
<A href="#" target="_blank"><IMG id=oDIV4 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="Img/04.jpg" width=243 border=0></A>
<A href="#" target="_blank"><IMG id=oDIV5 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="Img/05.jpg" width=243 border=0></A>
</DIV>
<!--焦点图片结束-->
<BR><BR>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x90, 创建于 09-3-30 */
google_ad_slot = "7010104479";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
        <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  </script>
    </td>
  </tr>
  <tr>
    <td height="8"></td>
  </tr>
  <tr>
    <td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x15, 创建于 09-2-28 */
google_ad_slot = "7729442397";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
        <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  </script></td>
  </tr>
  <tr>
    <td height="8"></td>
  </tr>
  <tr>
    <td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x90, 创建于 09-3-29 */
google_ad_slot = "3221108693";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
        <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  </script></td>
  </tr>
</table>

</body>
</html>


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:不懂戀愛魚兒 » JS图片渐变轮换焦点图效果广告代码
标签: js 广告代码 焦点图

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)