懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-05-22
带二维码的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>