900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera_导航菜单

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

时间:2019-12-07 12:16:04

相关推荐

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

web前端|js教程

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

web前端-js教程

如果是感应触发.就选onmouseover

如果是点击触发.就选onclick [把它们两互相替换,就可随时变为感应或点击了]

flash翻页效果按钮源码,vscode官网免安装版,修改ubuntu用户,如何看tomcat的进程,爬虫灯牌子,php评论回复系统,seo优化怎么做ppt 收录lzw

而如果想在一个页面上有N个滑动门

就复制一套…将myTab0改成myTab1 myTab2 myTab3 等等等..都可以..或者换成你自己喜欢的名字…当然myTab0_Content0这个亦是要随着变动!

dscms源码v6.1下载,ubuntu卡在开机页面,golang淘宝采集爬虫,php slices,seo045lzw

保留自己用

云骑士源码,苑房弘ubuntu,企业网站会用tomcat吗,爬虫数据存储影响,完成进度上报系统php,seo0368lzw

我的滑动门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;}

function nTabs(thisObj,Num){ if(thisObj.className == “active”)return; var tabObj = thisObj.parentNode.id; var tabList = document.getElementById(tabObj).getElementsByTagName(“li”); for(i=0; i <tabList.length; i++) { if (i == Num) { thisObj.className = "active"; document.getElementById(tabObj+"_Content"+i).style.display = "block"; }else{ tabList[i].className = "normal";document.getElementById(tabObj+"_Content"+i).style.display = "none"; } } }

全部

日志

咨询

相册

商城

社区

000

111

222

333

444

555

aaa

bbb

ccc

单击

000

111

222

333

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。