web前端|html教程
Div+CSS+JS树型菜单
web前端-html教程
学校的招生网站源码下载,如何改变vscode背景,ubuntu 恢复桌面,tomcat 路径部署,js读取sqlite表名,爬虫能收集个人信息吗,人才招聘系统 php,梅州seo优化效果,网站代码测试版,html5网页游戏下载,微赞模板修改csslzw
<!–
* { margin : 0 ; padding : 0 ; border : 0 ; }
body {
font-family : arial, 宋体, serif ;
font-size : 12px ;
}
#nav {
width : 180px ;
line-height : 24px ;
list-style-type : none ;
text-align : left ;
/* 定义整个ul菜单的行高和背景色 */
}/* ==================一级目录=================== */
#nav a {
width : 160px ;
display : block ;
padding-left : 20px ;
/* Width(一定要),否则下面的Li会变形 */
} #nav li {
background : #CCC ; /* 一级目录的背景色 */
border-bottom : #FFF 1px solid ; /* 下面的一条白边 */
float : left ;
/* float:left,本不应该设置,但由于在Firefox不能正常显示
继承Nav的width,限制宽度,li自动向下延伸 */
} #nav li a:hover {
background : #CC0000 ;/* 一级目录onMouseOver显示的背景色 */
} #nav a:link {
color : #666 ; text-decoration : none ;
}
#nav a:visited {
color : #666 ; 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 : #EBEBEB ; /* 二级目录的背景色 */
} #nav li ul a {
padding-left : 20px ;
width : 160px ;
/* 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 : #CC0000 ;
/* 二级onmouseover的字体颜色、背景色 */
}/* ============================== */
#nav li:hover ul {
left : auto ;
}
#nav li.sfhover ul {
left : auto ;
}
#content {
clear : left ;
}
#nav ul.collapsed {
display : none ;
}
–>
易语言大漠dnf脚本源码,vscode同步码云代码,ubuntu有几种,tomcat设置访问接口,人形网络爬虫,怎么下载网站php文件,河南专业seo推广费用多少,在线投票网站源码,网站模板 招聘lzw
#PARENT {
width : 300px ;
padding-left : 20px ;
}
个人网页源码下载,vscode 主题安装,ubuntu fan,查看tomcat输出,sqlite3百望,WordPress微博qq登录插件,前端开发商城用什么框架,java爬虫网页下载文件,php教程论坛,吐鲁番seo网络销售,视频采集网站,个人网页制作jsp源代码,织梦系统qq模板下载lzw
我的网站
[url][/url]
我的帐务
支付
网上支付
登记汇款
在线招领
历史帐务
网站管理
登录
管理
管理
管理
网站管理
登录
管理
管理
管理
工作需要搞了一个菜单,分享给大家,大家一齐学习
请大家支持:[url]” target=”_blank”>[/url]
[url][/url]
[url][/url]
我的帐务
支付
网上支付
登记汇款
在线招领
历史帐务
网站管理
登录
管理
管理
管理
网站管理
登录
管理
管理
管理
工作需要搞了一个菜单,分享给大家,大家一齐学习
请大家支持:[url]
<!–
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();
–>