请选择 进入手机版 | 继续访问电脑版
1
AI智能语音阅读听书小说源码【广告模板(代码)】教程
admin 发表于:2021-7-18 18:08:38 复制链接 发表新帖
阅读数:18
1、横幅960*90广告模板(代码)

  1. <style type="text/css">
  2. body { font-size: 12px; }
  3. ul, li { margin: 0px; padding: 0px; list-style: none; }
  4. a { text-decoration: none; }
  5. img { border: none; }
  6. .PIC_ul { width: 150%; height: 110px; overflow: hidden; }
  7. .PIC_ul li { float: left; width: 130px; height: 100%; margin-right: 15px; overflow: hidden; }
  8. .PIC_ul li img { width: 120px; height: 80px; border: 1px solid #DFDFDF; padding: 4px; display: block; }
  9. .PIC_ul li a { float: left; width: 100%; text-align: center; color: #00E; overflow: hidden; }
  10. .PIC_ul li .t { height: 15px; margin-top: 5px; }
  11. .PIC_ul li a:hover { color: red; text-decoration: underline; }</style>
  12. <ul class="PIC_ul">
  13.         <li>
  14.                 <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/1.jpg" /></a> <a class="t" href="http://669977.net/" target="_blank">TXT下载+火车头自动采集</a></li>
  15.         <li>
  16.                 <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/2.jpg" /></a> <a class="t" href="http://669977.net/" target="_blank">视频网源码+wap</a></li>
  17.         <li>
  18.                 <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/3.jpg" /></a> <a class="t" href="http://669977.net/" target="_blank">美女图片+wap+自动采集</a></li>
  19.         <li>
  20.                 <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4.jpg" /></a> <a class="t" href="http://669977.net/" target="_blank">小说源码+3PC+3WAP</a></li>
  21.         <li>
  22.                 <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/5.jpg" /></a> <a class="t" href="http://669977.net/" target="_blank">搞笑图片+wap+自动采集</a></li>
  23.         <li>
  24.                 <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/6.jpg" /></a> <a class="t" href="http://669977.net/" target="_blank">段子+图片+wap</a></li>
  25.         <li>
  26.                 <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/7.jpg" /></a> <a class="t" href="http://669977.net/" target="_blank">新闻源码+wap+自动采集</a></li>
  27. </ul>
复制代码



远行代码查看样式


2、左下角悬浮广告模板(代码)
  1. <style type="text/css">
  2. .FloatWap { display: none }
  3. #FloatWap { position: fixed; left: 5px; bottom: 5px; width: 105px; height: 140px; z-index: 9999999999 }
  4. .FloatWap img { border: none }
  5. .FloatWap a { position: relative; display: block; width: 100%; height: 100% }
  6. .FloatWap .WaP_Bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('http://help.669977.net/img/4494-c1.gif') no-repeat; z-index: 88; overflow: hidden }
  7. .FloatWap .WaP_Img { position: absolute; top: 38px; left: 30px; width: 50px; height: 78px; z-index: 1; overflow: hidden }
  8. .FloatWap .WaP_Tip { position: absolute; right: 0px; bottom: 0px; width: 138px; height: 47px; margin-right: -120px; background: url('http://help.669977.net/img/4494-c2.gif') no-repeat; overflow: hidden }
  9. .FloatWap .WaP_Tip span { position: absolute; top: 4px; right: 6px; width: 15px; height: 15px; cursor: pointer; z-index: 999; overflow: hidden }
  10. .FloatWap .WaP_Show { display: none; position: absolute; right: 0px; bottom: 45px; width: 276px; height: 385px; background: url('http://help.669977.net/img/4494-c3.gif') no-repeat; margin-right: -198px; z-index: 888 }
  11. .FloatWap .WaP_Show a { position: absolute; width: 179px; height: 280px; left: 48px; top: 56px; z-index: 22; background: white; overflow: hidden }
  12. .FloatWap .WaP_Show img { width: 100%; height: 100% }
  13. .FloatWap.on .WaP_Show { display: block }
  14. .WaP_Show_Pre { position: absolute; left: 0px; top: 50%; height: 110px; margin-top: -55px; width: 40px; cursor: pointer; z-index: 999; background: url('http://help.669977.net/img/4494-c4.gif') no-repeat -40px 0px; overflow: hidden }
  15. .WaP_Show_Next { position: absolute; right: 0px; top: 50%; height: 110px; margin-top: -55px; width: 40px; cursor: pointer; background: url('http://help.669977.net/img/4494-c4.gif') no-repeat 0px 0px; z-index: 999; overflow: hidden }
  16. .WaP_Show_Ma { position: absolute; right: -95px; top: 2px; width: 90px; height: 90px; overflow: hidden }</style>
  17. <script type="text/javascript">
  18. function setcookie_FloatWap(name, value, days) {
  19.     if (days) {
  20.         var date = new Date();
  21.         date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
  22.         var expires = "; expires=" + date.toGMTString();
  23.     } else var expires = "";
  24.     document.cookie = name + "=" + value + expires + "; path=/";
  25. }

  26. function getcookie_FloatWap(name) {
  27.     var nameEQ = name + "=";
  28.     var ca = document.cookie.split(';');
  29.     for (var i = 0; i < ca.length; i++) {
  30.         var c = ca[i];
  31.         while (c.charAt(0) == ' ') c = c.substring(1, c.length);
  32.         if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  33.     }
  34.     return null;
  35. }

  36. function CloseFloatWap() {
  37.     document.getElementById('FloatWap').style.display = 'none';
  38.     setcookie_FloatWap('FloatWap', 'no');
  39. }

  40. function WaP_Show() {
  41.     var srcSRC = document.getElementById('WaP_Show_Img').getAttribute('src');
  42.     if (!srcSRC) {
  43.         var srcIMG = document.getElementById('WaP_Show').getAttribute('srcIMG');
  44.         var srcArray = srcIMG.split(',');
  45.         document.getElementById('WaP_Show_Img').src = srcArray[0];
  46.         document.getElementById('WaP_Show_Img').setAttribute('srcID', '1');
  47.     }
  48. }

  49. function WaP_Show_Pre() {
  50.     var srcID = document.getElementById('WaP_Show_Img').getAttribute('srcID');
  51.     var srcIMG = document.getElementById('WaP_Show').getAttribute('srcIMG');
  52.     var srcArray = srcIMG.split(',');
  53.     if (srcID == '1') {
  54.         document.getElementById('WaP_Show_Img').src = srcArray[3];
  55.         document.getElementById('WaP_Show_Img').setAttribute('srcID', '4');
  56.     } else {
  57.         var nextID = srcID - 2;
  58.         document.getElementById('WaP_Show_Img').src = srcArray[nextID];
  59.         document.getElementById('WaP_Show_Img').setAttribute('srcID', (nextID + 1));
  60.     }
  61. }

  62. function WaP_Show_Next() {
  63.     var srcID = document.getElementById('WaP_Show_Img').getAttribute('srcID');
  64.     var srcIMG = document.getElementById('WaP_Show').getAttribute('srcIMG');
  65.     var srcArray = srcIMG.split(',');
  66.     if (srcID == '4') {
  67.         document.getElementById('WaP_Show_Img').src = srcArray[0];
  68.         document.getElementById('WaP_Show_Img').setAttribute('srcID', '1');
  69.     } else {
  70.         var nextID = parseInt(srcID);
  71.         document.getElementById('WaP_Show_Img').src = srcArray[nextID];
  72.         document.getElementById('WaP_Show_Img').setAttribute('srcID', (nextID + 1));
  73.     }
  74. }
  75. </script>
  76. <div class="FloatWap" id="FloatWap" onmouseout="this.className='FloatWap'" onmouseover="WaP_Show();this.className='FloatWap on'">
  77.         <div class="WaP_Bg">
  78.                  </div>
  79.         <div class="WaP_Img">
  80.                 <a href="http://669977.net/" target="_blank" title="触屏手机版浏览更多精彩内容"><img src="http://help.669977.net/img/4494-h0.gif" /> </a></div>
  81.         <div class="WaP_Show" id="WaP_Show" srcimg="http://help.669977.net/img/4494-h1.jpg,http://help.669977.net/img/4494-h2.jpg,http://help.669977.net/img/4494-h3.jpg,http://help.669977.net/img/4494-h4.jpg">
  82.                 <div class="WaP_Show_Pre" id="WaP_Show_Pre" onclick="WaP_Show_Pre()" title="点击查看上一张图">
  83.                          </div>
  84.                 <a href="http://669977.net/" target="_blank" title="触屏手机版浏览更多精彩内容"><img id="WaP_Show_Img" src="" srcid="" /> </a>
  85.                 <div class="WaP_Show_Next" id="WaP_Show_Next" onclick="WaP_Show_Next()" title="点击查看下一张图">
  86.                          </div>
  87.         </div>
  88.         <div class="WaP_Show_Ma">
  89.                 <img src="http://help.669977.net/img/4494-h5.png" /></div>
  90.         <div class="WaP_Tip">
  91.                  </div>
  92. </div>
  93. <script type="text/javascript">
  94. if (getcookie_FloatWap('FloatWap') == 'no') {
  95.     document.getElementById('FloatWap').style.display = 'none';
  96. } else {
  97.     document.getElementById('FloatWap').style.display = 'block';
  98. }
  99. </script><!-- 这三行,测试用,要删除,否则页面大片空白 -->
  100. <div style="height:3000px">
  101.          </div>
  102. <!-- 这三行,测试用,要删除,否则页面大片空白 -->
复制代码

远行代码查看样式

3、右下角悬浮广告模板(代码)

  1. <style type="text/css">
  2. .tan-box { position: fixed; right: 5px; bottom: 5px; z-index: 99999999999; width: 310px; height: 196px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 0 10px #0CC; -moz-box-shadow: 0 0 10px #0CC; box-shadow: 0 0 10px #AAA; background-color: #FFF; overflow: hidden }
  3. .tan-box a, .tan-box img { float: left; width: 100%; height: 100%; overflow: hidden; }</style>
  4. <div class="tan-box">
  5.         <a href="http://669977.net" target="_blank"><img src="http://help.669977.net/img/4495-00.jpg" /> </a></div>
  6. <!-- 这三行,测试用,要删除,否则页面大片空白 -->
  7. <div style="height:3000px">
  8.          </div>
  9. <!-- 这三行,测试用,要删除,否则页面大片空白 -->
复制代码



远行代码查看样式


4、对联广告模板(代码)
  1. <style type="text/css">
  2. .dui-left, .dui-right { position: fixed; left: 10px; top: 50%; margin-top: -150px; z-index: 99999999999; width: 120px; height: 320px; background-color: #FFF; overflow: hidden }
  3. .dui-right { left: auto; right: 10px }
  4. .dui-left a, .dui-right a { float: left; width: 100%; height: 300px; overflow: hidden; }
  5. .dui-left img, .dui-right img { width: 100%; height: 100%; }
  6. .dui-left .cl, .dui-right .cl { float: left; width: 100%; height: 20px; line-height: 20px; font-size: 12px; font-family: '宋体'; cursor: pointer; text-align: center; color: #fff; background: gray; overflow-y: hidden; }</style>
  7. <div class="dui-left" id="dui-left">
  8.         <a href="http://669977.net" target="_blank"><img src="http://help.669977.net/img/4496.jpg" /> </a>
  9.         <div class="cl" onclick="cl('dui-left');">
  10.                 关闭</div>
  11. </div>
  12. <div class="dui-right" id="dui-right">
  13.         <a href="http://669977.net" target="_blank"><img src="http://help.669977.net/img/4496.jpg" /> </a>
  14.         <div class="cl" onclick="cl('dui-right');">
  15.                 关闭</div>
  16. </div>
  17. <script type="text/javascript">
  18. function cl(id) {
  19.     document.getElementById(id).style.display = 'none';
  20. }
  21. </script><!-- 这三行,测试用,要删除,否则页面大片空白 -->
  22. <div style="height:3000px">
  23.          </div>
  24. <!-- 这三行,测试用,要删除,否则页面大片空白 -->
复制代码



远行代码查看样式


5、手机版顶部悬浮广告模板(代码)
  1. <style type="text/css">
  2. body { padding-top: 100px; }
  3. .sj-top { position: fixed; left: 0px; top: 0px; z-index: 99999999999; width: 100%; height: 100px; background-color: #FFF; overflow: hidden }
  4. .sj-top a, .sj-top img { float: left; width: 100%; height: 100%; overflow: hidden; }</style>
  5. <div class="sj-top">
  6.         <a href="http://669977.net" target="_blank"><img src="http://help.669977.net/img/4497.jpg" /> </a></div>
  7. <!-- 这三行,测试用,要删除,否则页面大片空白 -->
  8. <div style="height:3000px">
  9.          </div>
  10. <!-- 这三行,测试用,要删除,否则页面大片空白 -->
复制代码



远行代码查看样式


6、手机版底部悬浮广告模板(代码)
  1. <style type="text/css">
  2. body { padding-bottom: 100px; }
  3. .sj-bot { position: fixed; left: 0px; bottom: 0px; z-index: 99999999999; width: 100%; height: 100px; background-color: #FFF; overflow: hidden }
  4. .sj-bot a, .sj-bot img { float: left; width: 100%; height: 100%; overflow: hidden; }</style>
  5. <div class="sj-bot">
  6.         <a href="http://669977.net" target="_blank"><img src="http://help.669977.net/img/4498.jpg" /> </a></div>
  7. <!-- 这三行,测试用,要删除,否则页面大片空白 -->
  8. <div style="height:3000px">
  9.          </div>
  10. <!-- 这三行,测试用,要删除,否则页面大片空白 -->
复制代码



远行代码查看样式


7、矩形300*250广告模板(代码)
  1. <style type="text/css">
  2. .box300250 { width: 300px; height: 250px; background: #fff; font-family: "宋体", "Arial Narrow"; overflow: hidden; }
  3. .box300250 ul { width: 310px; padding: 0px; margin: 0px; }
  4. .box300250 li { width: 145px; float: left; margin-right: 10px; margin-bottom: 2px; display: inline; text-align: center; list-style: none; }
  5. .box300250 img { width: 145px; height: 105px; display: block; margin-bottom: 2px; }
  6. .box300250 li a { display: inline-block; color: #00F; font-size: 14px; text-decoration: none; font-size: 14px; }
  7. .box300250 li a:hover { color: red; text-decoration: underline; }</style>
  8. <div class="box300250">
  9.         <ul>
  10.                 <li>
  11.                         <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4499-h1.jpg" /> 爆乳美女公车上被袭胸 </a></li>
  12.                 <li>
  13.                         <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4499-h2.jpg" /> 盗墓贼挖出的大乌龟 </a></li>
  14.                 <li>
  15.                         <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4499-h3.jpg" /> 偷拍美女销魂睡姿… </a></li>
  16.                 <li>
  17.                         <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4499-h4.jpg" /> 街拍翘臀美女走光 </a></li>
  18.         </ul>
  19. </div>
复制代码



远行代码查看样式


8、矩形250*250广告模板(代码)
  1. <style type="text/css">
  2. .box300250 { width: 250px; height: 250px; background: #fff; font-family: "宋体", "Arial Narrow"; overflow: hidden; }
  3. .box300250 ul { width: 260px; padding: 0px; margin: 0px; }
  4. .box300250 li { width: 120px; float: left; margin-right: 10px; margin-bottom: 2px; display: inline; text-align: center; list-style: none; }
  5. .box300250 img { width: 100%; height: 108px; display: block; margin-bottom: 2px; }
  6. .box300250 li a { display: inline-block; color: #00F; font-size: 12px; text-decoration: none; }
  7. .box300250 li a:hover { color: red; text-decoration: underline; }</style>
  8. <div class="box300250">
  9.         <ul>
  10.                 <li>
  11.                         <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4499-h1.jpg" /> 爆乳美女公车上被袭胸 </a></li>
  12.                 <li>
  13.                         <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4499-h2.jpg" /> 盗墓贼挖出的大乌龟 </a></li>
  14.                 <li>
  15.                         <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4499-h3.jpg" /> 偷拍美女销魂睡姿… </a></li>
  16.                 <li>
  17.                         <a href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4499-h4.jpg" /> 街拍翘臀美女走光 </a></li>
  18.         </ul>
  19. </div>
复制代码

远行代码查看样式



9、矩形200*200广告模板(代码)
  1. <style type="text/css">
  2. .tbbox_200 { width: 200px; height: 200px; background-color: #fff; font-family: Arial; overflow: hidden; *zoom: 1; position: relative }
  3. .tbbox_200 .box { position: relative; border: 1px solid #e5e5e5; width: 198px; height: 198px }
  4. .tbbox_200 div, .tbbox_200 a, .tbbox_200 em, .tbbox_200 span { margin: 0px; padding: 0px }
  5. .tbbox_200 a { font-size: 12px; color: #553f20; text-decoration: none }
  6. .tbbox_200 a:hover { text-decoration: none }
  7. .tbbox_200 .gl-jiao { background: url(http://img02.taobaocdn.com/tps/i2/T1m09PXsFiXXbTThPr-7-7.gif) no-repeat; width: 7px; height: 7px; overflow: hidden; position: absolute; top: 0; left: 0; display: block; z-index: 999999999 }
  8. .tbbox_200 .triggers { width: 9px; position: absolute; right: 12px; top: 40px; height: 95px; overflow: hidden }
  9. .tbbox_200 .triggers a { display: block; width: 9px; height: 9px; margin-bottom: 8px; float: left; _display: inline; color: #fff; text-align: center; font: 600 14px/19px arial, sans-serif; overflow: hidden; background: url(http://img03.taobaocdn.com/tps/i3/T1.lJGFlVcXXa6Q3bb-9-18.gif) no-repeat 0 0 }
  10. .tbbox_200 .triggers a.current { background-position: 0 -9px }
  11. .tbbox_200 .frames { width: 160px; height: 190px; overflow: hidden; position: relative; top: 5px; left: 5px; float: left }
  12. .tbbox_200 .frames .item { display: none; width: 160px; height: 190px; position: relative }
  13. .tbbox_200 .item .pic { display: table-cell; vertical-align: middle; width: 160px; height: 160px; text-align: center; font: normal 12px/1.5 arial; *display: block; overflow: hidden; *font-size: 139px }
  14. .tbbox_200 .item .pic img { width: 160px; height: 160px; border: none; vertical-align: middle }
  15. .tbbox_200 .frames .current { position: relative; display: block }
  16. .tbbox_200 .item .sell, .tbbox_200 .item .price { height: 20px; line-height: 20px; display: block; font-size: 12px; color: #f2f2f2; text-align: left; font-family: "Microsoft Yahei", "simsun" }
  17. .tbbox_200 .item .info .price { float: right; font-size: 14px; font-weight: bold }
  18. .tbbox_200 .item .info .price a { color: #ff4400 }
  19. .tbbox_200 .item .info { height: 20px; width: 158px; position: absolute; bottom: 5px; left: 0; z-index: 999999; padding: 0 1px }
  20. .tbbox_200 .item .info a { color: #666 }
  21. .tbbox_200 .item .info .numSyt { font-family: Arial, Helvetica, sans-serif; font-weight: bold }
  22. .j-trigger { cursor: pointer; }</style>
  23. <div class="tbbox_200" id="ds1">
  24.         <div class="box">
  25.                 <div id="ds1-ef1">
  26.                         <div class="frames">
  27.                                 <div class="item" id="pic0" onmouseout="mmplay()" onmouseover="mmstop()">
  28.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/1.jpg" /> </a>
  29.                                         <div class="info">
  30.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">86</span>件 </a></div>
  31.                                 </div>
  32.                                 <div class="item" id="pic1" onmouseout="mmplay()" onmouseover="mmstop()">
  33.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/2.jpg" /> </a>
  34.                                         <div class="info">
  35.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">28</span>件 </a></div>
  36.                                 </div>
  37.                                 <div class="item" id="pic2" onmouseout="mmplay()" onmouseover="mmstop()">
  38.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/3.jpg" /> </a>
  39.                                         <div class="info">
  40.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">79</span>件 </a></div>
  41.                                 </div>
  42.                                 <div class="item" id="pic3" onmouseout="mmplay()" onmouseover="mmstop()">
  43.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/4.jpg" /> </a>
  44.                                         <div class="info">
  45.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">80</span>件 </a></div>
  46.                                 </div>
  47.                                 <div class="item" id="pic4" onmouseout="mmplay()" onmouseover="mmstop()">
  48.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/5.jpg" /> </a>
  49.                                         <div class="info">
  50.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">62</span>件 </a></div>
  51.                                 </div>
  52.                                 <div class="item" id="pic5" onmouseout="mmplay()" onmouseover="mmstop()">
  53.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/6.jpg" /> </a>
  54.                                         <div class="info">
  55.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">77</span>件 </a></div>
  56.                                 </div>
  57.                                 <div class="item" id="pic6" onmouseout="mmplay()" onmouseover="mmstop()">
  58.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/7.jpg" /> </a>
  59.                                         <div class="info">
  60.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">68</span>件 </a></div>
  61.                                 </div>
  62.                                 <div class="item" id="pic7" onmouseout="mmplay()" onmouseover="mmstop()">
  63.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/8.jpg" /> </a>
  64.                                         <div class="info">
  65.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">88</span>件 </a></div>
  66.                                 </div>
  67.                                 <div class="item" id="pic8" onmouseout="mmplay()" onmouseover="mmstop()">
  68.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/9.jpg" /> </a>
  69.                                         <div class="info">
  70.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">59</span>件 </a></div>
  71.                                 </div>
  72.                                 <div class="item" id="pic9" onmouseout="mmplay()" onmouseover="mmstop()">
  73.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/10.jpg" /> </a>
  74.                                         <div class="info">
  75.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">89</span>件 </a></div>
  76.                                 </div>
  77.                                 <div class="item" id="pic10" onmouseout="mmplay()" onmouseover="mmstop()">
  78.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/11.jpg" /> </a>
  79.                                         <div class="info">
  80.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 100.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">89</span>件 </a></div>
  81.                                 </div>
  82.                                 <div class="item" id="pic11" onmouseout="mmplay()" onmouseover="mmstop()">
  83.                                         <a class="pic" href="http://669977.net/" target="_blank"><img src="http://help.669977.net/img/12.jpg" /> </a>
  84.                                         <div class="info">
  85.                                                 <span class="price"><a href="http://669977.net/" target="_blank">¥ 30.00</a></span> <a class="sell" href="http://669977.net/" target="_blank"> 销量:<span class="numSyt">77</span>件 </a></div>
  86.                                 </div>
  87.                         </div>
  88.                         <div class="triggers">
  89.                                 <a class="j-trigger current" id="tabpic0" onmouseout="showpic(0)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic1" onmouseout="showpic(1)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic2" onmouseout="showpic(2)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic3" onmouseout="showpic(3)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic4" onmouseout="showpic(4)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic5" onmouseout="showpic(5)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic6" onmouseout="showpic(6)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic7" onmouseout="showpic(7)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic8" onmouseout="showpic(8)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic9" onmouseout="showpic(9)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic10" onmouseout="showpic(10)" onmouseover="mmstop()"> </a> <a class="j-trigger" id="tabpic11" onmouseout="showpic(11)" onmouseover="mmstop()"> </a></div>
  90.                 </div>
  91.         </div>
  92. </div>
  93. <script type="text/javascript">
  94. document.getElementById("tabpic0").className = "j-trigger current";
  95. document.getElementById("pic0").style.display = "block";
  96. var a = 0;
  97. var b = 12;
  98. var time = 3000;

  99. function showpic(id) {
  100.     a = id;
  101.     clearTimeout(mytime);
  102.     for (i = 0; i < b; i++) {
  103.         document.getElementById("tabpic" + i).className = "j-trigger";
  104.         document.getElementById("pic" + i).style.display = "none";
  105.     }
  106.     document.getElementById("tabpic" + id).className = "j-trigger current";
  107.     document.getElementById("pic" + id).style.display = "block";
  108.     mytime = setTimeout("showpic(" + (id == (b - 1) ? 0 : id + 1) + ")", time);
  109. }
  110. mytime = setTimeout("showpic(1)", time);

  111. function mmstop() { clearTimeout(mytime); }

  112. function mmplay() { mytime = setTimeout("showpic(" + a + ")", time); }
  113. </script>
复制代码



远行代码查看样式




条评论
avatar
B Color Image Link Quote Code Smilies |上传
高级