一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera
2007-05-22 00:00
1206 查看
如果是感应触发.就选onmouseover
如果是点击触发.就选onclick [把它们两互相替换,就可随时变为感应或点击了]
而如果想在一个页面上有N个滑动门
就复制一套...将myTab0改成myTab1 myTab2 myTab3 等等等..都可以..或者换成你自己喜欢的名字...当然myTab0_Content0这个亦是要随着变动!
保留自己用
如果是点击触发.就选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;}
- 全部
- 日志
- 咨询
- 相册
- 商城
- 社区
- aaa
- bbb
- ccc
- 单击
相关文章推荐
- 一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera
- 滑动门代码 兼容IE7 IE6 FireFox Opera
- 滑动门代码 兼容IE7 IE6 FireFox Opera
- meta 标签代码解决IE兼容问题,IE6,IE7,IE8,IE9,IE10(包括360的兼容模式)
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- CSS Hack 之兼容IE6,IE7,FX
- 兼容IE6,IE7和firefox可以使用的一些css hack:
- 兼容IE6 IE7 Firefox的CSS
- (转)一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 兼容 FF, IE6 ,IE7,IE8
- jquery实现文件树目录、折叠目录树代码(兼容IE6,IE7)
- 2010全面兼容多浏览器IE6-IE7-IE8-FF的CSS HACK写法
- 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容
- IE6、IE7兼容问题汇总(持续更新)
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- IE6、IE7、IE8的CSS、JS兼容
- IE6,IE7,FireFox,Opera,Safari兼容CSS的解决方法及CSS差别
- CSS在IE6、IE7和Firefox兼容的一个小技巧
- Css背景颜色渐变,j兼容多浏览器 IE6、IE7、IE8、FF、Opera、Chorme、Safari
- div错位/解决IE6、IE7、IE8样式不兼容问题,高度不适应