产品使用及交流论坛

注册

 

QQ登录

只需一步，快速开始

返回列表
发新话题 回复该主题
查看: 2578|回复: 2

请问如何修改滑门菜单内容让各滑门的内容自动轮流播放？ [复制链接]

leying
头像

  • PageAdmin新手
  • 33
  • 64
  • 2013-04-25
1#
t T
发表于 2016-01-08 23:10 |显示全部
以下是滑门的代码，请问应该如何修改才能让滑门自动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]
分享 转发
TOP
leying
头像

  • PageAdmin新手
  • 33
  • 64
  • 2013-04-25
2#
t T
发表于 2016-01-09 10:02 |显示全部

请问为什么我将代码贴在<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>
复制代码
TOP
上一主题| 下一主题
返回列表
发新话题 回复该主题
高级编辑器高级编辑器