此作品是一款非常棒的特效,集合了多种功能,实现了jquery悬浮微信二维码、微博分享、置顶特效、鼠标悬浮、弹出层、滚动条滑动、动画效果等,也是从事政府资助工作的网友杰立整理分享的,主要用jquery基础代码实现的,代码很简单,通俗易懂。。。
核心jquery代码如下:
$(document).ready(function(){
$('#welcome').fadeTo(2000, 1).delay(2000).animate({
opacity: 0,
marginTop: '-=200'
},
1000,
function() {
$('#welcome').hide();
});
$(window).scroll(function() {
if ($(window).scrollTop() > 50) {
$('#jump li:eq(0)').fadeIn(800);
} else {
$('#jump li:eq(0)').fadeOut(800);
}
});
$("#top").click(function() {
$('body,html').animate({
scrollTop: 0
},
1000);
return false;
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
jquery 悬浮二维码 置顶特效 微信二维码 滑动插件 返回顶部 弹出层 网友杰立 浮动二维码 微博分享 微信二维码特效