当前位置:首页 > 网页特效 > 导航菜单 >

绝对经典的滑动门特效代码

时间:2014-06-11 08:22 来源:互联网 作者:源码搜藏 收藏 推荐

运行代码 保存代码 复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
  • 很经典的新闻类网站滑动门特效,鼠标滑过就切换,而非点击,根据你的网站可适当调整。
  • <SCRIPT>
    var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p'); 
    var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span'); 
    var len=Tags.length; 
    var flag=1;//修改默认值
    for(i=1;i<len;i++){
    Tags[i].value = i;
    Tags[i].onmouseover=function(){changeNav(this.value)}; 
    TagsCnt[i].className='undis'; 
    }
    Tags[flag].className='topC1';
    TagsCnt[flag].className='dis';
    function changeNav(v){ 
    Tags[flag].className='topC0';
    TagsCnt[flag].className='undis';
    flag=v; 
    Tags[v].className='topC1';
    TagsCnt[v].className='dis';
    }
    </SCRIPT>
由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-daohang/9082.html

导航菜单下载排行

最新文章