使用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://ybzwz.com/article/jepded.html

其他资讯