当前位置：刺猬源码 > 前端素材 > 带二维码的jQuery网站右侧固定客服代码

带二维码的jQuery网站右侧固定客服代码

作者 : 小刺猬本文共674个字，预计阅读时间需要2分钟发布时间： 2020-08-3 共593人阅读

带二维码的jQuery网站右侧固定客服代码

带二维码的jQuery网站右侧固定客服代码是一款始终固定于窗口右侧中间位置，点击关闭按钮X可以实现隐藏或浮现，鼠标悬浮在不同的图片上左侧会弹出不同的内容。

js代码

<script type="text/javascript">
$(function(){

	$('.slide .icon li').not('.up,.down').mouseenter(function(){
		$('.slide .info').addClass('hover');
		$('.slide .info li').hide();
		$('.slide .info li.'+$(this).attr('class')).show();//.slide .info li.qq
	});
	$('.slide').mouseleave(function(){
		$('.slide .info').removeClass('hover');
	});
	
	$('#btn').click(function(){
		$('.slide').toggle();
		if($(this).hasClass('index_cy')){
			$(this).removeClass('index_cy');
			$(this).addClass('index_cy2');
		}else{
			$(this).removeClass('index_cy2');
			$(this).addClass('index_cy');
		}
		
	});
	
});
</script>
VIP免费 永久VIP免费当前隐藏内容需要支付1金币
已有0人支付

刺猬源码 » 带二维码的jQuery网站右侧固定客服代码