jquery怎么实现伸缩菜单栏

网上搜导航特效，有你要的效果，引入就可以，自己写相对麻烦

我们提供的服务有：成都网站设计、成都网站建设、微信公众号开发、网站优化、网站认证、金乡ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的金乡网站制作公司

用jquery 怎么使div横向伸缩？

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库

如何使用CSS3和jQuery制作可伸缩的搜索条

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

});

标题名称：jquery伸缩,jquery伸缩菜单
URL分享：http://azwzsj.com/article/dsehpdh.html