页面导航：首页 → 网络编程 → JavaScript → 网页特效 → 导航菜单 → 正文内容

一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera

发布：dxy 字体：[增加减小] 类型：转载

如果是感应触发.就选onmouseover
如果是点击触发.就选onclick [把它们两互相替换,就可随时变为感应或点击了]
而如果想在一个页面上有N个滑动门
就复制一套...将myTab0改成myTab1 myTab2 myTab3 等等等..都可以..或者换成你自己喜欢的名字...当然myTab0_Content0这个亦是要随着变动!
保留自己用

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>我的滑动门</title> 
<style type="text/css"> 
body{ 
color: #000; 
font-family: "宋体", arial; 
font-size: 12px; 
background: #fff; 
text-align: center; 
margin: 0; 
} 
.nTab{ 
float: left; 
width: 960px; 
margin: 0 auto; 
border-bottom:1px #AACCEE solid; 
background:#d5d5d5; 
background-position:left; 
background-repeat:repeat-y; 
margin-bottom:2px; 
} 
.nTab .TabTitle{ 
clear: both; 
height: 22px; 
overflow: hidden; 
} 
.nTab .TabTitle ul{ 
border:0; 
margin:0; 
padding:0; 
} 
.nTab .TabTitle li{ 
float: left; 
width: 70px; 
cursor: pointer; 
padding-top: 4px; 
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 2px; 
list-style-type: none; 
} 
.nTab .TabTitle .active{background:#fff;border-left:1px #AACCEE solid;border-top:1px #AACCEE solid;border-right:1px #AACCEE solid;border-bottom:1px #fff solid;} 
.nTab .TabTitle .normal{background:#EBF3FB;border:1px #AACCEE solid;} 
.nTab .TabContent{ 
width:auto;background:#fff; 
margin: 0px auto; 
padding:10px 0 0 0; 
border-right:1px #AACCEE solid;border-left:1px #AACCEE solid; 
} 
.none {display:none;}

</style>

</head> 
<body>

</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：一个不错的动感导航菜单
下一篇文章：js iframe网站后台左右收缩型页面脚本

·在百度中搜索关于“一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera”相关内容
·在谷歌中搜索关于“一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera

文章评论

同类文章

最近更新

热点排行

一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行