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

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

带二维码的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免费

已有0人支付


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

刺猬QQ交流群号多少?
363432

发表评论