js固定悬浮导航返回顶部和在线客服网站侧边栏代码

来源:https://www.sucaihuo.com/js/1544.html 2017-03-25 23:29浏览(1889) 收藏

这是一款返回顶部和在线客服网站侧边栏代码点击后会展开需要的联系方式客服案例,可以自定义文字内容。
js固定悬浮导航返回顶部和在线客服网站侧边栏代码
分类:悬浮层/弹出层 > 悬浮层 难易:
查看演示 下载资源 下载积分: 30 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。
$(document).ready(function(){

	$(".side ul li").hover(function(){
		$(this).find(".sidebox").stop().animate({"width":"124px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})	
	},function(){
		$(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})	
	});
	
});

//回到顶部
function goTop(){
	$('html,body').animate({'scrollTop':0},600);
}
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2