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://bzwzjz.com/article/dsehpdh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 成都网站设计公司 成都网站制作 企业网站建设 成都网站设计 响应式网站建设 成都品牌网站建设 四川成都网站设计 四川成都网站建设 成都网站建设推广 营销网站建设 重庆企业网站建设 成都网站建设公司 手机网站设计 外贸网站建设 企业网站建设公司 成都网站制作 成都网站建设 app网站建设 网站建设 四川成都网站制作 网站制作