js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 返回顶部

jquery实现右下角浮动返回顶部并且带微信二维码特效

发布时间:2015-08-26 20:33:16    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery实现右下角浮动返回顶部并且带微信二维码特效
//javascript Document
function SuCaiJiaYuan(){
	this.init();
}
SuCaiJiaYuan.prototype = {
	constructor: SuCaiJiaYuan,
	init: function(){		
		this._initBackTop();
	},	
	_initBackTop: function(){
		var $backTop = this.$backTop = $('<div class="cbbfixed">'+
						'<a class="cweixin cbbtn"">'+
							'<span class="weixin-icon"></span><div></div>'+
						'</a>'+
						'<a class="gotop cbbtn">'+
							'<span class="up-icon"></span>'+
						'</a>'+
					'</div>');
		$('body').append($backTop);
		
		$backTop.click(function(){
			$("html, body").animate({
				scrollTop: 0
			}, 120);
		});
		/*绱犳潗瀹跺洯 - www.sucaijiayuan.com*/
		var timmer = null;
		$(window).bind("scroll",function() {
            var d = $(document).scrollTop(),
            e = $(window).height();
            0 < d ? $backTop.css("bottom", "10px") : $backTop.css("bottom", "-90px");
			clearTimeout(timmer);
			timmer = setTimeout(function() {
                clearTimeout(timmer)
            },100);
	   });
	}
	
}
var SuCaiJiaYuan = new SuCaiJiaYuan();



浮动返回顶部 返回顶部 微信二维码

jquery实现右下角浮动返回顶部并且带微信二维码特效

Metro扁平风格网页右侧浮动返回顶部特效代码

jquery实现带微信二维码,qq客服,联系电话的返回顶部特效

Metro扁平风格网页右侧浮动返回顶部特效代码

jQuery实现右侧悬浮在线客服、返回顶部代码

jQuery实现带二维码的返回顶部特效

jQuery仿威锋商城右侧多功能返回顶部特效

jQuery实现火箭图标返回顶部特效

纯css实现QQ音乐返回顶部和返回底部的快捷导航代码

jquery win8扁平风格返回顶部和在线客服网站侧边栏代码

jquery实现图翼网侧边带二维码的返回顶部特效

jQuery实现网页滚动显示浮动导航,并且带返回顶部按钮

div+css实现网页右侧返回顶部样式特效

jquery实现带微信二维码的返回顶部特效代码

jquery css3带微信二维码返回顶部特效代码

友荐云推荐
大家说 此评论不代表本站观点