200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 下拉的DIV+CSS+JS二级树型菜单【HTML】

下拉的DIV+CSS+JS二级树型菜单【HTML】

时间:2023-09-03 20:49:28

相关推荐

下拉的DIV+CSS+JS二级树型菜单【HTML】

web前端|html教程

下拉的DIV+CSS+JS二级树型菜单

web前端-html教程

DIV+CSS+JS二级树型菜单,展开后刷新无影响

手机端搜索源码,vscode自动补全慢,ubuntu安装pdfs,tomcat如何起jar,sqlite 年月日转时间,爬虫工程师专业技术总结,php查重,银川seo排名优化,酷炫企业网站,dede cms如何使用模板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;

}#nav a { width: 174px; display: block; padding-left:20px;

}

#nav li { border-bottom:#FFF 1px solid; float:left; background-color: #FECFD6; color:#DD1336; font-weight:bold; }

#nav li a:hover { background:#F85B78; }

#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;

}#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;

}#nav li:hover ul { left: auto; }

#nav li.sfhover ul { left: auto; }

#content { clear: left; }

#nav ul.collapsed { display: none; }

–>

#PARENT { width:174px; }

android 二维码 源码,vscode富文本编辑,ubuntu开机鼠标,TOMCAT下载音乐剪辑,python 爬虫频率,php 数组模糊查询,扬中谷歌seo营销公司,免费网站模板php,wordpress模板添加支付lzw

GDI 事业相关

php手机版读书源码,vscode必备扩展,ubuntu光模块down,iis 支持tomcat,sqlite查看库,flaticon插件下载,开源后台管理前端框架,登录表单爬虫,运算符 php,SEO故事绘本,红包网站完整源代码,erp网页版,discuz 模板风格,网站前台及后台jsp页面素材,北大青鸟超市管理系统,程序演示平台lzw

·GDI事业影音在线播放

·GDI公司简介

·GDI事业产品介绍

·GDI创业奖金制度

·GDI营销八国语言网

·GDI公司官方网站

·GDI全球自动营销网

·GDI会员登录

·GDI独立邮箱登录

·GDI全球经营者分享

GDI 注册相关

·Gmail 邮箱注册地址

·PAYPAL网银注册地址

·GDI会员注册地址

·中国工商银行网上银行

·中国建设银行网上银行

·招商银行网上银行

·支付宝登录

·三步开创新的人生

·注册GDI的3种方式

·GDI会员注册中文图解

·PAYPAL注册及认证教学

·GDI注册常见问题

GDI 金色未来相关

·金色未来影音说明

·成为金色未来会员的好处

·金色未来特有资源

·金色未来成员见证

·GDI金色未来会员区

·我的经营日志

GDI友情链接

·yf321新浪站

·yf321和讯空间

·GDI网域财富

·meilishiji.ws网站

·123ok.ws网站

·5173.ws网站

·soho521.ws网站

·网络收藏夹

推荐网站

MDG国际

MDG中赢团队

我爱淘淘

菜单五

菜单五

菜单五

菜单五

菜单五

菜单五

菜单五

菜单五

菜单五

菜单六

菜单六

菜单六

菜单六

菜单七

菜单七

菜单七

菜单八

菜单八

菜单八

菜单八

菜单九

菜单九

菜单九

菜单九

菜单十

菜单十

<!–

var LastLeftID = “”;

function menuFix() {

var obj = document.getElementByIdx(“nav”).getElementsByTagName_r(“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.getElementByIdx(emid);

obj.className = (obj.className.toLowerCase() == “expanded”?”collapsed”:”expanded”);

if((LastLeftID!=””)&&(emid!=LastLeftID)) //关闭上一个Menu

{

document.getElementByIdx(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(MenuID!=””)

{

DoMenu(MenuID)

}

}

GetMenuID(); //*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果

menuFix();

–>

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