使用jquery怎么实现一个侧边栏左右伸缩效果

使用jquery怎么实现一个侧边栏左右伸缩效果?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

站在用户的角度思考问题,与客户深入沟通,找到城区网站设计与城区网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都做网站、网站制作、成都外贸网站建设、企业官网、英文网站、手机端网站、网站推广、申请域名、网络空间、企业邮箱。业务覆盖城区地区。

具体代码如下:



	
		
		
		
		
	
	
		
			
				收缩
显示
$(function(){ $a = $(window).height(); $("#left").height($a); $("#btn").click(function(){ $("#left").animate({left:'-200px'}); $("#btnb").delay(500).animate({left:'0'}); }); $("#btnb").click(function(){ $("#btnb").animate({left:'-50px'}); $("#left").delay(500).animate({left:'0'}); }); });

效果图:

使用jquery怎么实现一个侧边栏左右伸缩效果

看完上述内容,你们掌握使用jquery怎么实现一个侧边栏左右伸缩效果的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前题目:使用jquery怎么实现一个侧边栏左右伸缩效果
路径分享:http://bzwzjz.com/article/jepded.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 商城网站建设 网站建设公司 成都网站制作 攀枝花网站设计 营销网站建设 成都定制网站建设 上市集团网站建设 成都模版网站建设 营销网站建设 网站制作 重庆网站设计 企业手机网站建设 成都网站建设公司 移动网站建设 外贸网站设计方案 网站建设公司 营销网站建设 成都网站建设 成都网站制作 成都网站建设 四川成都网站建设 营销型网站建设