web前端|html教程
DIV+CSS+JS二级树型菜单,展开后刷新无影响-CSS布局实例
web前端-html教程
源码下载的应用有哪些,ubuntu 删除用户目录,firefox网页爬虫分析,php美容,淘宝seo产品lzw
<!–
body { font-family: arial, 宋体, serif; font-size:12px; }
* { margin:0px; padding:0px; }
#nav { width:174px; line-height: 24px; list-style-type: none; text-align:left; /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#nav a { width: 174px; display: block; padding-left:20px; /*Width(一定要),否则下面的Li会变形*/
}
#nav li { border-bottom:#FFF 1px solid; /*下面的一条白边*/ float:left; background-color: #FECFD6; color:#DD1336; font-weight:bold; }
#nav li a:hover { background:#F85B78; /*一级目录onMouseOver显示的背景色*/ }
#nav a:link { color:#DD1336; text-decoration:none; }
#nav a:visited { color:#DD1336; text-decoration:none; }
#nav a:hover { color:#FFF; text-decoration:none; font-weight:bold; }
/*==================二级目录===================*/
#nav li ul { list-style:none; text-align:left; }
#nav li ul li { background:#ffecef; /*二级目录的背景色*/ font-weight:normal; }
#nav li ul a { padding-left:20px; width:174px;/* padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#nav li ul a:link { color:#666; text-decoration:none; }
#nav li ul a:visited { color:#666; text-decoration:none; }
#nav li ul a:hover { color:#F3F3F3; text-decoration:none; font-weight:normal; background:#FFAA1C;/* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
#nav li:hover ul { left: auto; }
#nav li.sfhover ul { left: auto; }
#content { clear: left; }
#nav ul.collapsed { display: none; }
–>
#PARENT { width:174px; }
产品分成源码,vscode适配苹果,ubuntu made,安全关闭tomcat,sqlite 命令行操作,jquery spinner 插件,自适应手机的前端框架,网络爬虫究竟多厉害啊,php模板 建站,娄烦seo优化经验, 网站留言代码,手机端html5网页音乐播放,ui界面模板代码lzw
菜单一
易语言utf8转ansi源码,vscode启动内置控制台,怎样打开ubuntu,tomcat清除项目缓存,爬虫 抢占机票,php读取数据库记录,无锡万词霸屏seo优化公司lzw
菜单一
菜单一
菜单一
菜单一
菜单一
菜单一
菜单一
菜单一
菜单一
菜单一
菜单一
菜单一
菜单二
菜单二
菜单二
菜单二
菜单二
菜单二
菜单三
菜单三
菜单三
菜单三
菜单三
菜单三
菜单三
菜单四
菜单四
菜单四
菜单四
菜单四
菜单四
菜单四
菜单五
菜单五
菜单五
菜单五
菜单五
菜单五
菜单五
菜单五
菜单五
菜单五
菜单五
菜单五
菜单五
菜单六
菜单六
菜单六
菜单六
菜单七
菜单七
菜单七
菜单八
菜单八
菜单八
菜单八
菜单九
菜单九
菜单九
菜单九
菜单十
菜单十
<!–
var LastLeftID = “”;
function menuFix() {
var obj = document.getElementById(“nav”).getElementsByTagName(“li”);
for (var i=0; i<obj.length; i++) {
obj[i].onmouseover=function() {
this.className+=(this.className.length>0? ” “: “”) + “sfhover”;
}
obj[i].onMouseDown=function() {
this.className+=(this.className.length>0? ” “: “”) + “sfhover”;
}
obj[i].onMouseUp=function() {
this.className+=(this.className.length>0? ” “: “”) + “sfhover”;
}
obj[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(“( ?|^)sfhover\\b”), “”);
}
}
}
function DoMenu(emid)
{
var obj = document.getElementById(emid);
obj.className = (obj.className.toLowerCase() == “expanded”?”collapsed”:”expanded”);
if((LastLeftID!=””)&&(emid!=LastLeftID)) //关闭上一个Menu
{
document.getElementById(LastLeftID).className = “collapsed”;
}
LastLeftID = emid;
}
function GetMenuID()
{
var MenuID=””;
var _paramStr = new String(window.location.href);
var _sharpPos = _paramStr.indexOf(“#”);
if (_sharpPos >= 0 && _sharpPos < _paramStr.length – 1)
{
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
}
else
{
_paramStr = “”;
}
if (_paramStr.length > 0)
{
var _paramArr = _paramStr.split(“&”);
if (_paramArr.length>0)
{
var _paramKeyVal = _paramArr[0].split(“=”);
if (_paramKeyVal.length>0)
{
MenuID = _paramKeyVal[1];
}
}
/*
if (_paramArr.length>0)
{
var _arr = new Array(_paramArr.length);
}
//取所有#后面的,菜单只需用到Menu
//for (var i = 0; i < _paramArr.length; i++)
{
var _paramKeyVal = _paramArr[i].split(‘=’);
if (_paramKeyVal.length>0)
{
_arr[_paramKeyVal[0]] = _paramKeyVal[1];
}
}
*/
}
if(MenuID!=””)
{
DoMenu(MenuID)
}
}
GetMenuID(); //*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果
menuFix();
–>