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

February 1, 2010 | tags css html 滑动门 | views

Comments 0

很经典的新闻类网站滑动门特效，鼠标滑过就切换，而非点击，根据你的网站可适当调整。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<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">
新闻排行
国内
国际
社会
网评
</DIV>
<DIV id="NewsTop_cnt">


<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>很酷的JavaScript图片放大效果</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> 
<div align="right"><A href="#" target=_self>...more</A></div>


<A href="#" target=_self>很酷的JavaScript图片放大效果</A> 
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>很酷的JavaScript图片放大效果</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> 
<div align="right"><A href="#" target=_self>...more</A></div>


<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A> 
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> 
<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A> 
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> 
<div align="right"><A href="#" target=_self>...more</A></div>


<A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A> 
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>复选框全选、全不选的Javascript代码</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A> 
<A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> 
<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> 
<div align="right"><A href="#" target=_self>...more</A></div>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <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"> 新闻排行 国内 国际 社会 网评 </DIV> <DIV id="NewsTop_cnt"> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>很酷的JavaScript图片放大效果</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> <div align="right"><A href="#" target=_self>...more</A></div> <A href="#" target=_self>很酷的JavaScript图片放大效果</A> <A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>很酷的JavaScript图片放大效果</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> <div align="right"><A href="#" target=_self>...more</A></div> <A href="#" target=_self>仿天极网首页幻灯图片切换特效</A> <A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> <A href="#" target=_self>仿天极网首页幻灯图片切换特效</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>仿天极网首页幻灯图片切换特效</A> <A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> <div align="right"><A href="#" target=_self>...more</A></div> <A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A> <A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>复选框全选、全不选的Javascript代码</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>非常炫的图片特效，响应鼠标变化</A> <A href="#" target=_self>很实用的对联广告代码（自适应高度）</A> <A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A> <div align="right"><A href="#" target=_self>...more</A></div> </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>

Firefox Text-align:center起作用  (2010-2-1 0:29:56)
IE hack条件写法,CSS IE7 IE6 Firefox多浏览器兼容-著名的星号* Html Hack  (2010-1-31 22:54:28)
IE6下frameset横向滚动条BUG  (2010-1-25 10:26:51)
各种CSS bug与技巧，掌握这些能帮你修改大部分常见的IE浏览器bug  (2009-11-27 16:32:3)
CSS高级使用技巧10则  (2009-11-19 1:49:37)
CSS中的cursor属性（光标样式）  (2009-11-12 12:51:23)
Sharepoint Create HTML Editor styles  (2009-10-7 14:17:26)
css定义滚动条的样式详解  (2009-9-23 8:58:26)
什么是hasLayout 利用hasLayout 解决IE的css bug  (2009-9-10 10:23:46)
IE6最小高度min-height的Hank方法  (2009-8-29 16:12:35)

发表评论:

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

笑申的博客

热门文章

最新日志

日志分类

日志列表

Misc

Blogroll

赞助商链接

笑申的博客