产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 请问如何修改滑门菜单内容让各滑门的内容自动轮流播放？
leying - 2016/1/8 23:10:56
以下是滑门的代码，请问应该如何修改才能让滑门自动1秒让各滑门下的内容轮流切换？

[code]<div class="tab">
<dl class="tabheader" id="tabheader">
<dd><a href=#>菜单1</a></dd>
<dd><a href=#>菜单2</a></dd>
</dl>
<dl class="tabcontent" id="tabcontent" style="height:253px;">
<dd>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign=top>滑门内容1</td>
        </tr>
    </tbody>
</table>
</dd>
<dd>内容2</dd>
</dl>
</div>[/code]
xiyou - 2016/1/9 8:48:15
懂js就自己写一个js效果，网上很多代码，http://www.51xuediannao.com/js/texiao/131.html
自己参考做。
leying - 2016/1/9 10:02:35
请问为什么我将代码贴在<head></head>里为什么没效果？看看我哪里错了？
  1. <script type="text/javascript">
  2. function setTab(name,cursel){
  3.     cursel_0=cursel;
  4.     for(var i=1; i<=links_len; i++){
  5.         var menu = document.getElementById(name+i);
  6.         var menudiv = document.getElementById("con_"+name+"_"+i);
  7.         if(i==cursel){
  8.             menu.className="off";
  9.             menudiv.style.display="block";
  10.         }
  11.         else{
  12.             menu.className="";
  13.             menudiv.style.display="none";
  14.         }
  15.     }
  16. }
  17. function Next(){                                                        
  18.     cursel_0++;
  19.     if (cursel_0>links_len)cursel_0=1
  20.     setTab(name_0,cursel_0);
  21. }
  22. var name_0='one';
  23. var cursel_0=1;
  24. var ScrollTime=3000;//循环周期（毫秒）
  25. var links_len,iIntervalId;
  26. onload=function(){
  27.     var links = document.getElementById("tabheader").getElementsByTagName('li')
  28.     links_len=links.length;
  29.     for(var i=0; i<links_len; i++){
  30.         links[i].onmouseover=function(){
  31.             clearInterval(iIntervalId);
  32.             this.onmouseout=function(){
  33.                 iIntervalId = setInterval(Next,ScrollTime);;
  34.             }
  35.         }
  36.     }
  37.     document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){
  38.         clearInterval(iIntervalId);
  39.         this.onmouseout=function(){
  40.             iIntervalId = setInterval(Next,ScrollTime);;
  41.         }
  42.     }
  43.     setTab(name_0,cursel_0);
  44.     iIntervalId = setInterval(Next,ScrollTime);
  45. }
  46. </script>
复制代码
1
查看完整版本: 请问如何修改滑门菜单内容让各滑门的内容自动轮流播放？
Powered by Discuz!NT Archiver 3.9.913 2001-2026 Comsenz Inc.