knrt.net
当前位置:首页 >> 简单的jq的菜单栏 >>

简单的jq的菜单栏

这个是我刚才敲的,虽然很简单,收你5财富值。哈哈

如果是jq实现折叠列表的话 很简单! $(.list li).click(function(){$(this).addClass("Gd").siblings(".Gd").removeClass();$(this).next(".box").toggle(300);});以上代码解释: 如果的li点击打开box这个class你的li就会添加一个Gd 接下来使用G...

//给白色框里的ul一个class为list_menu$(funtion() { $(".li2").click( var flag = $(".list_menu").css("display"); if(flag == 'none') { $(".list_menu").show(); }else { $(".list_menu").hide(); } );});

CSS+JavaScript三级折叠菜单 * { margin: 0; padding: 0; list-style: none;}body { font: 12px "宋体"; padding-top: 20px;}#menu { width: 200px; margin: auto;}#menu h1 { cursor: pointer; color: #FFF; font-size: 12px; padding: 5px 0 ...

实现例子如下: html代码: 1F 男装 2F 女装 3F 美妆 4F 数码 5F 母婴 网购 1F 男装 css代码: * {margin: 0;padding: 0;} body {font-size: 12px;line-height: 1.7;} li {list-style: none;} #content {width: 800px;margin: 0 auto;padding: 2...

function js(id){return document.getElementById(id).getElementsByTagName("div");}for(var i=0;i

$("#id").hover( //鼠标移上去的方法 function () { $("#菜单").show(500); }, //鼠标移开的方法 function () { $("#菜单").hide(); } ); 菜单肯定是要样式的

HTML 代码如下: 菜单一 子菜单1 子菜单2 子菜单7 子菜单3 菜单二 子菜单4 子菜单5 子菜单6 CSS代码如下: ul,ol,li{list-style:none;padding:0px;margin:0px;} #menu *{line-height:30px;} #menu a{ text-decoration:none; display:block; } #m...

知道你要啥样的,就说个最简单的竖列折叠菜单吧,比如: 菜单1 子菜单1 子菜单2 …… 菜单2 子菜单1 子菜单2 …… 如果要做这样的折叠菜单 那html为: 菜单1 子菜单1 子菜单2 …… 菜单1 子菜单1 子菜单2 …… css为:(没样式只有功能,样式自己去加) .me...

你是要横着的导航条式的,还是竖着的目录式的呢? $(".leftsc>ul>li").hover(function(){ $(this).find("ul").show(); },function(){ $(this).find("ul").hide(); }) 剩下的就是你的css样式布局了。。你也可以通过加class,设置class的属性displa...

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com