热门关键字:
jquery > jquery插件 > jquery微信二维码 > jquery实现浮动微信二维码和置顶特效

jquery实现浮动微信二维码和置顶特效

20439
所属分类:jquery微信二维码
发布时间:2013/9/26 15:30:37
下载量:3231
评论数:4
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=332

此作品是一款超实用的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();
	});	
});



效果如下:

jquery实现浮动二维码和置顶特效





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:微信二维码特效 浮动二维码 置顶特效 返回顶部 滑动插件
  • jquery实现浮动微信二维码和置顶特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • jquery实现浮动微信二维码和置顶特效
  • jquery实现浮动微信二维码和置顶特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐