建议楼主改一下主体结构 一级菜单 二级菜单 二级菜单 一级菜单 二级菜单 二级菜单 把一级菜单的li设置为相对定位,把二级菜单的ul设置为绝对定位并隐藏,然后在js中写 $("#menuli").hover(function(){ $(this).find("ul").show(); },function()
创新互联建站从2013年开始,是专业互联网技术服务公司,拥有项目成都网站设计、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元化隆做网站,已为上家服务,为化隆各地企业和个人服务,联系电话:18980820575
JQ中没有封装这个方法 你可以用animate 控制 left 或者 right 的值 先定位position: absolute;
$("#divQQbox").toggle(
function(){
$(this).animate({left:0},300);
},
function(){
$(this).animate({left:-472},300);
}
)
div id="divQQbox" class="QQbox"
/div
.QQbox{width:550px;height:1200px;background:url(aa_02.png) repeat-y}
.QQbox {
z-index:99;
width: 550px;
left: -472px;
position: absolute;
}
这是我以前的一个 左边伸缩效果 你自己扩展吧 注意引入JQ库
网上搜导航特效,有你要的效果,引入就可以,自己写相对麻烦
CSS版本:
input{width:200px;border:1px solid #ddd;}
input:focus{width:300px;border-color:#c30;}
Jquery版本:
$("input").focus(function(){
$("input").animate({"width": 300}, 400);
});
$("input").blur(function(){
$("input").animate({"width": 200}, 400);
});
可以使用JQ的slideToggle()函数
比如加号的对应的类名是add;下面菜单父元素对应的类名是meau;则可
$(".add").click(function(){
$(".meau").sildeToggle():
});
这样试试
$(".father").toggle(function () {
$(this).removeClass("father");
$(this).addClass("father_sel2");
// $(".father_sel2").show('1000');
$(this).children('ul').slideDown('1000');
}, function () {
$(this).children('ul').slideUp('1000');
$(this).removeClass("father_sel2");
$(this).addClass("father");
});
当前题目:jquery伸缩,jquery收起展开效果
本文来源:https://www.cdcxhl.com/article26/dsdsgcg.html
成都网站建设公司_创新互联,为您提供网站营销、品牌网站建设、自适应网站、Google、网站设计、网站导航
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联