<style>
html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
body {font:12px/normal Verdana, Arial, Helvetica, sans-serif;}
ul,li {list-style-type:none;}
.clear {clear:both; *display:inline;/*IE only*/}/*menu*/
#nav {width:279x; float:right}
#nav .mainlevel {background:#000; float:left; border-right:1px solid #fff; /*IE6 only*/}
#nav .mainlevel a ,span{ color:#FFFFFF; font-size:14px; font-family:"微软雅黑"; text-decoration:none; display:block; width:136px; text-align:center;line-height:30px;}
#nav .mainlevel a:hover { background:url(images/index_05.gif) 0 0 no-repeat; background:url(../images/index_05.gif) 0 0 no-repeat}/*a链接手滑过样式的改变*/
#nav .mainlevel ul {display:none; position:absolute; width:136px;}
#nav .mainlevel li { background:#000; /*IE6 only*/} #nav li.show ul {
display: block;
}
#nav li.hide li ul {
display: none;
}
#nav li li.show ul {
display: block;
}
</style>
<script language="javascript" type="text/javascript">
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "show";
};
sfEls[i].onmouseout=function() {
var obj = this;
setTimeout(function(){
obj.className = obj.className.replace(new RegExp("( ?|^)show\\b"), "");
isShow = false;
}
,100);
}
};
}
window.onload=menuFix;</script>
<body>
<div id="menu">
<ul id="nav">
<li class="mainlevel"><a href="http://www.lanrentuku.com/" target="_blank">do touch me</a>
<ul>
<li><a href="http://www.lanrentuku.com/" target="_blank">JavaScript</a></li>
<li><a href="http://www.lanrentuku.com/" target="_blank">jQuery</a></li>
</ul>
</li>
<li class="mainlevel"><a href="http://www.lanrentuku.com/" target="_blank">do touch me</a>
<ul id="sub_02">
<li><a href="http://www.maitianquan.com/" target="_blank">JavaScript</a></li>
<li><a href="http://www.maitianquan.com/" target="_blank">jQuery</a></li>
</ul>
</li>
<div class="clear"></div>
</ul>
</div>
</body>
html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
body {font:12px/normal Verdana, Arial, Helvetica, sans-serif;}
ul,li {list-style-type:none;}
.clear {clear:both; *display:inline;/*IE only*/}/*menu*/
#nav {width:279x; float:right}
#nav .mainlevel {background:#000; float:left; border-right:1px solid #fff; /*IE6 only*/}
#nav .mainlevel a ,span{ color:#FFFFFF; font-size:14px; font-family:"微软雅黑"; text-decoration:none; display:block; width:136px; text-align:center;line-height:30px;}
#nav .mainlevel a:hover { background:url(images/index_05.gif) 0 0 no-repeat; background:url(../images/index_05.gif) 0 0 no-repeat}/*a链接手滑过样式的改变*/
#nav .mainlevel ul {display:none; position:absolute; width:136px;}
#nav .mainlevel li { background:#000; /*IE6 only*/} #nav li.show ul {
display: block;
}
#nav li.hide li ul {
display: none;
}
#nav li li.show ul {
display: block;
}
</style>
<script language="javascript" type="text/javascript">
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "show";
};
sfEls[i].onmouseout=function() {
var obj = this;
setTimeout(function(){
obj.className = obj.className.replace(new RegExp("( ?|^)show\\b"), "");
isShow = false;
}
,100);
}
};
}
window.onload=menuFix;</script>
<body>
<div id="menu">
<ul id="nav">
<li class="mainlevel"><a href="http://www.lanrentuku.com/" target="_blank">do touch me</a>
<ul>
<li><a href="http://www.lanrentuku.com/" target="_blank">JavaScript</a></li>
<li><a href="http://www.lanrentuku.com/" target="_blank">jQuery</a></li>
</ul>
</li>
<li class="mainlevel"><a href="http://www.lanrentuku.com/" target="_blank">do touch me</a>
<ul id="sub_02">
<li><a href="http://www.maitianquan.com/" target="_blank">JavaScript</a></li>
<li><a href="http://www.maitianquan.com/" target="_blank">jQuery</a></li>
</ul>
</li>
<div class="clear"></div>
</ul>
</div>
</body>
解决方案 »
- js实现window.onload功能疑惑
- jquery比较easy的问题 来吧!
- js更改连接的问题!高手帮忙!!!急救!!!
- 当点击完按钮怎么加载extjs中的Panel控件
- 在wordpress主题里面加入自己的jQuery代码无法运行
- top.RIGHT.List.document.form1.exe.click() 帮忙分析一下
- 某个文本框得到焦点后,回车就执行一个函数怎么写啊?
- 师哥们!这个验证yyyy/mm/dd日期可难住小妹啦!请帮忙!
- 怎样改变弹出 窗口 的标题栏的显示?
- javascript如何循环执行某一函数?
- 用javascript脚本,如何做成可执行文件?
- 左键直接点击下载链接 实现右键点击再另存为两个步骤
www.myjiasudu.com