jquery在线qq客服返回顶部特效是一款非常实用的作品,今天看浏览网站的时候看到的,觉得很好就把它整理出来分享给大家用,包括了QQ在线客服特效、返回顶部特效,滚动条特效。。。
jquery代码如下:
$(document).ready(function () {
$("#leftsead a").hover(function () {
if ($(this).prop("className") == "youhui") {
$(this).children("img.hides").animate({ width: '145px', height: '343px', top: '2px' }, 600);
} else {
$(this).children("img.hides").show();
$(this).children("img.hides").animate({ marginRight: '0px' }, 'slow');
$(this).children("img.shows").animate({ width: '0px' }, 200);
}
}, function () {
if ($(this).prop("className") == "youhui") {
$(this).children("img.hides").animate({ width: '0', height: '0', top: '150px' }, 600);
} else {
$(this).children("img.hides").animate({ marginRight: '-143px' }, 'slow', function () {
$(this).hide();
$(this).next("img.shows").animate({ width: '47px' }, 200);
});
}
});
$("#top_btn").click(function () { if (scroll == "off") return; $("html,body").animate({ scrollTop: 0 }, 600); });
$("#c_btn").click(function () { if (scroll == "off") return; $("html,body").animate({ scrollTop: 2694 }, 600); });
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
在线客服 置顶特效 鼠标悬浮 悬停特效 QQ客服 jquery插件 jquery原创 jquery代码 jquery下载