百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> 迅雷首页图片自动轮换动画效果
分享文章到:

迅雷首页图片自动轮换动画效果

发布时间:01/15 来源: 浏览: 关键词:
本款图片切换效果是一款迅雷首页图片自动轮换动画效果代码,我们把迅雷网站上的效果代码拿下来了,效果很漂亮。
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>迅雷首页图片自动轮换动画效果</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<link media=all href="style/index.css教程" type=text/css rel=stylesheet>
<script src="js/common.js" type=text/网页特效></script>
</head>
<body >
<div id="container">
 <div class=flash-box>
  <h2>-111cn.net</h2>
  <div class=big-pic id=switchbigpic>
   <a href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net" src="images/img01.jpg"></a>
   <a href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net" src="images/img02.jpg"></a>
   <a href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net" src="images/img03.jpg"></a>
   <a href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net" src="images/img04.jpg"></a>
   <a href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net" src="images/img05.jpg"></a>
   <a href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net" src="images/img06.jpg"></a>
  </div>
  <div class=pic-list_0810>
   <div id=ul_recom>
    <a class=curra id=switchsmapic_0 title="-111cn.net" href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net" src="images/img01s.jpg"><span><strong>《三国》壮志未酬身先死</strong></span><span>火烧上方谷诸葛亮吐血身亡</span></a>
     <a id=switchsmapic_1 title="-111cn.net" href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net"
     src="images/img02s.jpg"><span><strong>《劳拉现身》性感喜剧片</strong></span><span>惹火大美女不爱猛男爱辣妹</span></a>
     <a id=switchsmapic_2 title="-111cn.net" href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net"
     src="images/img03s.jpg"><span><strong>《我是业主》聚焦于房事</strong></span><span>看二奶情圣对抗物业女经理</span></a>
     <a id=switchsmapic_3 title="-111cn.net" href="http://wwww.111cn.net" blockid="2360"><img
     alt="-111cn.net"src="images/img04s.jpg"><span><strong>《大丈夫》勇敢禁忌纯爱</strong></span><span>疯狂断背男同爆笑越狱求欢</span></a>
     <a id=switchsmapic_4 title="-111cn.net" href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net"
     src="images/img05s.jpg"><span><strong>为喜欢的球队呐喊助威</strong></span><span>vancl世界杯版t恤29元起</span></a>
     <a id=switchsmapic_5 title="-111cn.net" href="http://wwww.111cn.net" blockid="2360"><img alt="-111cn.net"
     src="images/img06s.jpg"><span><strong>缤纷夏日 多彩匡威</strong></span><span>匡威经典常青款7折热卖</span></a>
   </div>
    </div>
  <script>
   var today_recom={
     step:42,
     totalcount:6,
     a_pre:"",
     a_next:"",
     ul:'ul_recom'
    };
 
    var indexrecom={     
     bigpic:"switchbigpic", //大图div之id通用部分 
     step:223,
     smallpic:"switchsmapic",//小图之id通用部分  
     selectstyle:"curra", //小图被选中之后的css
     pictxt:"", //配套图片文字
     totalcount:6,     //图片数量 
     autotimeintval:6000,
     objname:"indexrecom" //对象名称  
    } ; 
   </script>
 </div>
</div> 
<script src="js/loader.js" type=text/javascript></script>
</body>
</html>

源码下载地址
http://down.111cn.net/down/code/js/jiaodiantu/2010/0908/20691.html

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

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

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有7人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板