首先非常感谢网友宁静致远的无私分享,这是他分享到JquerySchool网站上的第一款作品,实现了带微信浮动二维码的置顶特效,很简单调用两个JS,一个CSS,没什么多余的内容很清洁,自己看着套用就行了,图片自己改成格式和大小相同的就可以,这是他在网上看到的,那个比较丑,修改美化了一下,大家好好利用哦。。。
核心jquery代码如下:
function b(){
h = $(window).height();
t = $(document).scrollTop();
if(t > h){
$('#gotop').show();
}else{
$('#gotop').show();
}
}
$(document).ready(function(e) {
b();
$('#gotop').click(function(){
$(document).scrollTop(0);
})
$('#code').hover(function(){
$(this).attr('id','code_hover');
$('#code_img').show();
},function(){
$(this).attr('id','code');
$('#code_img').hide();
})
});
$(window).scroll(function(e){
b();
})
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友宁静致远 置顶特效 浮动二维码 微信二维码特效 悬停特效 鼠标悬浮 滚动特效