jQuery+CSS3点击滑动显示分享图标按钮代码

jQuery+CSS3点击滑动显示分享图标按钮代码-精品资源网
jQuery+CSS3点击滑动显示分享图标按钮代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery+CSS3点击滑动显示分享图标按钮代码

这是一款基于jQuery+CSS3点击滑动显示分享图标按钮代码,点击关闭按钮再次收缩隐藏起来。

js代码

<script>
$(function(){
	$(\'#btn_content\').on(\'click\',function(){
		$(\'#btn_extend\').toggleClass(\'btn\');
		var btn_class=	$(this).attr(\'class\');
		if(btn_class==\'btn_content\'){
			setTimeout(function(){$(\'.sub_btn_pannel\').removeClass(\'hide\');},100);
			$(this).removeClass(\'btn_content\');
			$(this).addClass(\'btn_content_fz\');
			return btn_class;
		
		}
		else if(btn_class==\'btn_content_fz\'){
		
				setTimeout(function(){
				$(\'.sub_btn_pannel\').addClass(\'hide\');
			},100);
		$(this).removeClass(\'btn_content_fz\');
		$(this).addClass(\'btn_content\');
		return btn_class;
		}
	})
});
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容