快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery伸缩,jquery伸缩菜单

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伸缩菜单
当前路径:http://6mz.cn/article/dsehpdh.html

其他资讯