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

时间：2014-06-11 08:22 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<HTML>
<HEAD>
<TITLE>绝对经典资讯网站滑动门特效</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">

</style>
</HEAD>
<BODY>
<DIV id="cntR">
<DIV id="NewsTop">
<DIV id="NewsTop_tit">
<P class="topTit">新闻排行</P>
<P class="topC0">国内</P>
<P class="topC0">国际</P>
<P class="topC0">社会</P>
<P class="topC0">网评</P>
</DIV>
<DIV id="NewsTop_cnt">
<SPAN title="Don't delete me"></SPAN>
<SPAN>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>很酷的JavaScript图片放大效果</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>很酷的JavaScript图片放大效果</A><BR>
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>很酷的JavaScript图片放大效果</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A><BR>
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>
<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A><BR>
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A><BR>
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A><BR>
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A><BR>
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
</DIV>
<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>
</DIV>
</DIV>
</BODY>
</HTML>

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

网页特效