{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery+CSS3点击滑动显示分享图标按钮代码
喜欢 ()分享 (0)