返回首页 | 一键访问 | 收藏本站 | 免费素材分享QQ群:1023538014

当前位置:首页 > JS代码 > 返回顶部 > 实用简约带微信二维码jQuery返回顶部效果代码
下载地址

实用简约带微信二维码jQuery返回顶部效果代码

实用简约带微信二维码jQuery返回顶部效果代码,鼠标划过二维码图标会缩放弹出二维码图片,效果实用,代码简单!

functionSuCaiJiaYuan(){
	this.init();
}
SuCaiJiaYuan.prototype={
	constructor:SuCaiJiaYuan,
	init:function(){		
		this._initBackTop();
	},	
	_initBackTop:function(){
		var$backTop=this.$backTop=$('<divclass="cbbfixed">'+
						'<aclass="cweixincbbtn"">'+
							'<spanclass="weixin-icon"></span><div></div>'+
						'</a>'+
						'<aclass="gotopcbbtn">'+
							'<spanclass="up-icon"></span>'+
						'</a>'+
					'</div>');
		$('body').append($backTop);
		
		$backTop.click(function(){
			$("html,body").animate({
				scrollTop:0
			},120);
		});
		vartimmer=null;
		$(window).bind("scroll",function(){
vard=$(document).scrollTop(),
e=$(window).height();
0<d?$backTop.css("bottom","10px"):$backTop.css("bottom","-90px");
			clearTimeout(timmer);
			timmer=setTimeout(function(){
clearTimeout(timmer)
},100);
	});
	}
	
}
varSuCaiJiaYuan=newSuCaiJiaYuan();

实用简约带微信二维码jQuery返回顶部效果代码

«
»
花米素材免费素材网