- 网站首页
二级下拉菜单实现代码
原创
©著作权归作者所有:来自51CTO博客作者小雨青年的原创作品,请联系作者获取转载授权,否则将追究法律责任
//
//
//
//
//
//function menuFix() {
//var sfEls = document.getElementByIdx_x("menu").getElementsByTagName_r("li");
//for (var i=0; i
//sfEls[i].οnmοuseοver=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].onMouseDown=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].onMouseUp=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].οnmοuseοut=function() {
//this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
//"");
//}
//}
//}
//window.οnlοad=menuFix;
//
//
//body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
//a { color: #000; text-decoration: none; }
//a:hover { color: #F00; }
//#menu { width:700px; height:38px; margin:0 auto; background:url(http://www.cqkkbl.com/Templates/show/images/menu_bg.jpg) ;}
//#menu ul { list-style: none; margin: 0px; padding: 0px; }
//#menu ul li { float:left; margin-left:2px;}
//#menu ul li a { display:block; width:91px; height:38px; line-height:38px; text-align:center;
font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
//#menu ul li a:hover { background:url(http://www.cqkkbl.com/Templates/show/images/Menu_link.jpg);display:block; width:91px; height:38px; line-height:38px; text-align:center;
font-size:14px; color:#FF9966; text-decoration:none; font-weight:bold;}
//#menu ul li ul { border:1px solid #ccc; display:none; position:absolute;}
//#menu ul li ul li { float:none; width:88spx; background:#99CC99; margin:0;}
//#menu ul li ul li a { background:none;}
//#menu ul li ul li a:hover { background:#333; color:#fff;}
//#menu ul li:hover ul { display:block;}
//#menu ul li.sfhover ul { display:block;}
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
上一篇:Asp.net课堂笔记
下一篇:2012漫展 未央公社 仙剑四
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
二级下拉菜单
看似简单的一个菜单,确需要不少的知识点。1. getByCl PUBLIC "-//W3C//DTD
javascript html xml 二级 i++ -
jquery之二级下拉菜单
jquery 二级下拉菜单 hover一个函数搞定
jquery hover 下拉菜单 -
js导航二级下拉菜单
js二级下拉
js 二级 下拉 -
jQuery二级下拉菜单
在线演示 本地下载
二级下拉菜单 jQuery -
javascript实现二级联动 js二级联动下拉菜单
这个是简单也是最基本的下拉框联动的示例,这个示例主要针对那些只有二级联动,且第一级是固定的选项,第二级的内容也比较简单。这里使用了javascript来联动第二级下拉框。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <T
javascript实现二级联动 javascript generator html action -
IOS Button xib 设置背景图片
大家好,我是波仔,非常高兴能与大家一起分享和探讨,一起学习吧! Windows 10系统现在逐渐进入我们电脑广泛应用了,但是还是有很多用户对Win10系统不太习惯,也不太了解,更不用说对Win系统的相关设置了,很多用户习惯了Win7系统,一旦进入Win10系统,很多设置等都不知道在哪里了。 下面我就来跟大家一起分享一下Win10系统主题相关的基本设置与操作。 Win
qpushbutton设置背景颜色 设置ribboncontrol的背景颜色 页面jlabel背景色设置 自定义 Windows