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

简单的jq的菜单栏

看附件,采纳即可。

css3jQuery(function () {$('#menu-trigger').click(function () {if (!$('.dLeft').hasClass('mobile-menu-left')) {$('.head, .sild, .footer').addClass('mobile-left');$('.dLeft').addClass('mobile-menu-left');} else {$('.dLeft').remov...

$(document).ready(function(){ $(".flip").click(function(){ $(".panel").slideToggle("slow"); }); }); div.panel,p.flip { margin:0px; padding:5px; text-align:center; background:#e5eecc; border:solid 1px #c3c3c3; } div.panel { hei...

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

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 ...

你好!! $(document).ready(function(){ $(".menu >li").click(function(){ $(this).children("ul").toggle().end().siblings().children("ul").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...

由上向下滑动由 slideDown()控制, 由下向上滑动由 slideUp()控制。 首先将菜单条隐藏,这种情况一般赋予其CSS属性:display:none; 来隐藏。 然后通过jquery赋予它事件:点击或者鼠标移入。 通过这个事件绑定由下向上滑动的 slideUp()。 最后通...

$(function () { $('dl').click(function () { $(this).slideDown().siblings().slideUp(); });});

RunJS 演示代码jQuery(function($){$("ul>li>a").click(function(){$(this).next("ul").toggle().closest("li").siblings("li").children("ul").hide();}).next("ul").hide();}); 一级菜单隐藏的二级菜单项隐藏的二级菜单项隐藏的二级菜单项一...

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