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

本栏首页分类：菜单导航层和布局背景特效 CSS相关文本链接表格相关日期时间图片特效页面综合广告代码表单及按钮计算转换游戏娱乐其它

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

标签：滑动门　时间：2009-01-14　已阅读：
很经典的新闻类网站滑动门特效，鼠标滑过就切换，而非点击，根据你的网站可适当调整。

<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>

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

本类推荐代码

本类阅读排行

最新源码下载