十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
网上搜导航特效,有你要的效果,引入就可以,自己写相对麻烦
我们提供的服务有:成都网站设计、成都网站建设、微信公众号开发、网站优化、网站认证、金乡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);
});