13518219792
网上搜导航特效，有你要的效果，引入就可以，自己写相对麻烦
我们提供的服务有：成都网站设计、成都网站建设、微信公众号开发、网站优化、网站认证、金乡ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的金乡网站制作公司
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);
});
