作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 03:27:54 阅读 我要评论

如果是感应触发.就选onmouseover 如果是点击触发.就选onclick [把它们两互相替换,就可随时变为感应或点击了] 而如果想在一个页面上有N个滑动门 就复制一套...将myTab0改成myTab1 myTab2 myTab3 等等等..都可以..或者换成你自己喜欢的名字...当然myTab0_Content0这个亦是要随着变动! 保留自己用 我的滑动门 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;} 全部 日志 咨询 相册 商城 社区 000 111 222 333 444 555 aaa bbb ccc 单击 000 111 222 333 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  JavaScript中的new的使用方法与注意事项

原文: JavaScript, We Hardly new Ya --Douglas Crockford。 http://yuiblog.com/blog/2006/11/13/javascript-we-hardly-new-ya/ 引用 JavaScript是一门基于原型的语言,但它却拥有一个 new 操作符使得其看>>>详细阅读


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

地址:http://www.17bianji.com/kaifa2/JS/30432.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)