js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS广告代码 > 在线客服

jquery仿小猪cms右侧栏伸缩回到顶部、在线客服的特效代码

发布时间:2015-09-25 14:13:41    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery仿小猪cms右侧栏伸缩回到顶部、在线客服的特效代码
$(document).ready(function() {
	$("#leftsead a").hover(function() {
		if ($(this).prop("className") == "youhui") {
			$(this).children("img.hides").show();
		} else {
			$(this).children("div.hides").show();
			$(this).children("img.shows").hide();
			$(this).children("div.hides").animate({
				marginRight: '0px'
			}, '0');
		}
	}, function() {
		if ($(this).prop("className") == "youhui") {
			$(this).children("img.hides").hide();
		} else {
			$(this).children("div.hides").animate({
				marginRight: '-163px'
			}, 0, function() {
				$(this).hide();
				$(this).next("img.shows").show();
			});
		}
	});

	$("#top_btn").click(function() {
		if (scroll == "off") return;
		$("html,body").animate({
			scrollTop: 0
		}, 600);
	});

	//右侧导航 - 二维码
	$(".youhui").mouseover(function() {
		$(this).children(".2wm").show();
	})
	$(".youhui").mouseout(function() {
		$(this).children(".2wm").hide();
	});
});



回到顶部 在线客服

jquery实现红色火箭回到顶部特效

jquery实现多皮肤滚动到回到顶部或回到底部插件

jquery仿小猪cms右侧栏伸缩回到顶部、在线客服的特效代码