此作品是一款超实用的jquery特效,实现浮动二维码和置顶特效两个实用功能,当滚动条滚动的高度大于设定好的高度时,返回顶部图标和二维码图标就显示,当鼠标悬浮到二维码图标时,二维码图片就显示出来,方便网友们扫描,整体设置既选简洁又大气,网友们好好利用哦。。。
实现全部功能的jquery代码如下:
$(function() {
$(window).scroll(function(){
var scrolltop=$(this).scrollTop();
if(scrolltop>=200){
$("#elevator_item").show();
}else{
$("#elevator_item").hide();
}
});
$("#elevator").click(function(){
$("html,body").animate({scrollTop: 0}, 500);
});
$(".qr").hover(function(){
$(".qr-popup").show();
},function(){
$(".qr-popup").hide();
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
微信二维码特效 浮动二维码 置顶特效 返回顶部 滑动插件