头像

jQuery网页右下角返回顶部按钮代码

来源:http://www.hnrfsm.com/js/2297.html 18***38 2017-07-03 21:33浏览(650) 收藏

jQuery网页右下角返回顶部按钮代码,图翼网侧边悬浮固定二维码和返回顶部代码。
jQuery网页右下角返回顶部按钮代码
分类:悬浮层/弹出层 > 悬浮层 难易:初级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 20 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript">
var scrolltotop={
	setting:{
		startline:100, //起始行
		scrollto:0, //滚动到指定位置
		scrollduration:400, //滚动过渡时间
		fadeduration:[500,100] //淡出淡现消失
	},
	controlHTML:'<img src="images/top.png" style="width:30px; height:30px; border:0;" />', //返回顶部按钮
	controlattrs:{offsetx:10,offsety:10},//返回按钮固定位置
	anchorkeyword:"#top",
	state:{
		isvisible:false,
		shouldvisible:false
	},scrollup:function(){
		if(!this.cssfixedsupport){
			this.$control.css({opacity:0});
		}
		var dest=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);
		if(typeof dest=="string"&&jQuery("#"+dest).length==1){
			dest=jQuery("#"+dest).offset().top;
		}else{
			dest=0;
		}
		this.$body.animate({scrollTop:dest},this.setting.scrollduration);
	},keepfixed:function(){
		var $window=jQuery(window);
		var controlx=$window.scrollLeft()+$window.width()-this.$control.width()-this.controlattrs.offsetx;
		var controly=$window.scrollTop()+$window.height()-this.$control.height()-this.controlattrs.offsety;
		this.$control.css({left:controlx+"px",top:controly+"px"});
	},togglecontrol:function(){
		var scrolltop=jQuery(window).scrollTop();
		if(!this.cssfixedsupport){
			this.keepfixed();
		}
		this.state.shouldvisible=(scrolltop>=this.setting.startline)?true:false;
		if(this.state.shouldvisible&&!this.state.isvisible){
			this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]);
			this.state.isvisible=true;
		}else{
			if(this.state.shouldvisible==false&&this.state.isvisible){
				this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]);
				this.state.isvisible=false;
			}
		}
	},init:function(){
		jQuery(document).ready(function($){
			var mainobj=scrolltotop;
			var iebrws=document.all;
			mainobj.cssfixedsupport=!iebrws||iebrws&&document.compatMode=="CSS1Compat"&&window.XMLHttpRequest;
			mainobj.$body=(window.opera)?(document.compatMode=="CSS1Compat"?$("html"):$("body")):$("html,body");
			mainobj.$control=$('<div id="topcontrol" >'+mainobj.controlHTML+"</div>").css({position:mainobj.cssfixedsupport?"fixed":"absolute",bottom:mainobj.controlattrs.offsety,right:mainobj.controlattrs.offsetx,opacity:0,cursor:"pointer"}).attr({title:"返回顶部"}).click(function(){mainobj.scrollup();return false;}).appendTo("body");if(document.all&&!window.XMLHttpRequest&&mainobj.$control.text()!=""){mainobj.$control.css({width:mainobj.$control.width()});}mainobj.togglecontrol();
			$('a[href="'+mainobj.anchorkeyword+'"]').click(function(){mainobj.scrollup();return false;});
			$(window).bind("scroll resize",function(e){mainobj.togglecontrol();});
		});
	}
};
scrolltotop.init();
</script>
最新交易
评论3
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

1 2
9彩娱乐平台 www.052961.com-体育彩票可以过户| www.4592.biz-众彩易购是什么快递| www.825676.com-那个彩票软件靠谱| www.338402.com-彩票可以支付宝买么| www.217860.com-忆彩-| www.999988.cc-彩站宝贴吧-| www.38325.cc-台湾五分彩app| www.928582.com-体彩字谜-| www.855376.com-鲛人鲨福彩3d| www.941223.com-彩票对冲套利骗局| www.996084.com-北京单场体彩店| www.dh06.com-七星彩玩游戏| www.r49.top-福彩3d今天-| www.96zk.com-彩之王靠谱吗| www.569256.com-福彩快三和值走势| www.662203.com-体育竞彩最大奖| www.737665.com-福彩连环夺宝害死人| www.58083.com-境外足球彩票app| www.877300.com-被r8彩票网恋| www.958613.com-贵阳市彩票中心地址| 500彩票www.627297.com| www.028713.com-杏彩平台网页版登陆| www.205688.com-黑彩平台哪个好| www.7928.vip-台湾百万彩官方网站| www.350512.com-南国七彩票论坛社区| www.500926.com-小一寸彩色相片| www.579646.com-彩逸炫怎么样| www.657691.com-北京11选五百宝彩| www.wd39.com-快三网投平台| www.22kr.com-体彩七位数结果查询| www.024111.cc-彩迷什么意思| www.088.link-澳客赢家彩票ios| www.058962.com-河北快三投注规律| www.569983.com-彩票三d和尾走势图| www.701920.com-彩票有12位数的吗| www.806101.com-中彩在线是否合法| www.908038.com-网上彩票的骗局揭秘| 易彩网www.12455k.com| www.733730.com-四川体彩金7宝下载| www.33681.com-吉祥彩票大发时时彩| www.21sj.com-彩票的倍率-| www.160552.com-彩票七天乐app| www.266975.com-下载电脑福利彩票| www.26220.com-关于彩虹的唯美诗词| www.89639.com-广州彩妆厂家| www.6066.top-田伟足彩18002| www.168946.com-福彩快3走势图今天| www.38qs.com-欧冠冠军猜冠军彩票| www.507627.com-时时彩公式大全| www.267228.com-辽宁快三走势图| www.343299.com-如何购买福利彩票| www.735916.com-天牛彩吧图库图| www.029946.com-好运来大发时时彩| www.132550.com-18051期足彩| www.3466.net-体育彩票双色球直播| www.561762.com-彩神平刷怎么样| www.0up.com-彩虹的约定节目串词| www.82fl.cc-99彩票怎么样| www.604948.com-大乐彩啥时间开奖| www.181893.com-掌上中彩下载| www.144738.com-快三号码的形成| www.1777.pw-外围彩票什么意思| www.963659.com-抖音彩虹是什么意思| www.lz7.cc-r彩票开奖-| www.611239.com-彩票销售点的利润率| www.688930.com-彩神通手机软件下载| www.115646.com-桃花彩铅画图片| www.888114.cc-快彩荐号专家推荐| www.978418.com-好彩店彩票ios| www.nu67.com-网上博彩被骗6万| www.311329.com-红旗彩票导航| www.n01.xyz-京彩7515网-| www.182532.com-宁夏福彩快三72期| www.280095.com-彩票信誉老平台| www.386960.com-香港彩票网大全| www.97538.cc-彩票快三秘密| www.608666.cc-吉林快三那个时间开| www.711723.com-百号彩票下载安装| www.886804.com-c彩61-| www.981885.com-贵阳体彩兑奖中心| www.ni40.com-中国足彩网老版本| www.13ti.com-天下彩天天好彩| www.613.live-足彩十四场最对阵表| www.885736.com-彩吧论坛首页| www.974682.com-七星彩36期开奖| www.ea75.com-彩票幸运飞艇| www.tb33.com-彩票品种大全| www.478995.com-快三单选-| www.568203.com-永利彩票的真假| www.070598.com-91彩神可以玩吗| www.886793.com-大大彩票坑吗| www.956975.com-hk百彩-| 500万彩票www.35155l.com| www.ix32.com-福彩中奖规则及奖金| www.yy58.com-福彩双色球尾数和| www.961586.com-五彩大釉瓶-| www.za81.com-分分钟彩票网安全吗| www.09784.com-体彩可以手机投注| www.75884.com-足彩任九玩法| www.332381.com-cp999彩票下载| www.yp71.com-万州体育彩票中心| www.406604.com-七星彩五行图| www.639021.com-中国福利彩票是谁管| www.001358.com-极速快三辅助| www.65018.com-中国竞彩网混合过关| www.058595.com-谁有微信彩票群号| www.072244.com-秒速时时彩开奖公式| www.333598.com-可以赠送彩票| www.997771.com-爱心彩票网站| www.a15.cn-乐彩论17500坛| www.8265.me-福利彩票大乐透复| www.58465.com-五洲彩票下载安装| www.78708.com-微彩吧邀请码| www.5577.com-28期七乐彩-| www.0003.pro-6位数字的彩票| www.614996.com-卖彩票的地方叫什么| www.220617.com-彩神几个官网| www.407166.com-七星彩一注机选号码| www.633246.com-篮球胜负彩怎么玩| www.710328.com-98彩票网开奖号码| www.708083.com-竞彩误差怎么看| www.5336.net-132彩票官网注册| www.588225.com-乐迎彩票免费下载| www.176964.com-河南彩礼价目表| www.45542.com-万彩吧万彩吧预测| www.238392.com-2020彩票-| 凤凰Vwww.www.fh7557.com| www.su97.com-七星彩今日几点开奖| www.10qq.com-中博技术彩票网| www.004725.com-福彩新浪开奖直播| www.31626.cc-双色球易彩网机选号| www.300071.cc-快三表格数据分析| www.995006.com-0500彩票可靠吗| www.bp88.com-七乐彩哪年开始的| www.vn84.com-上海体彩网开奖查询| www.10pb.com-时时彩冷热号码统计| www.71hk.com-158彩票网计划| www.055523.com-极速快三模拟软件| www.63bs.com-国家禁止网上卖彩票| www.697367.com-福彩清明节放假吗| www.12219.cc-江苏快三参考图| www.908.in-学打彩票好学吗| www.398111.com-彩票2元网20选5| www.b85.com-南国七星彩图规论坛| www.342041.com-快三流水是什么| www.012035.com-福利彩票世界| 500彩票www.377503.com| www.5449.cm-中国福彩三d试机号| www.76629.cc-广西新快三-| www.289256.com-彩神网推荐火爆四肖| www.29786.com-四川体彩网七星彩走| www.531291.com-彩票票开奖结果查询| www.627991.com-248彩票网-| www.702195.com-体彩283中奖规则| www.774046.com-寒江博彩堂-| www.479258.com-竞彩佣金百万| www.555667.com-时时彩免费试玩| www.632070.com-366彩票下载| www.690026.com-下载爱乐彩票| www.746786.com-台湾5分彩-| www.795121.com-手机上可以卖快三吗| www.882216.com-彩票代理申请流程| www.938712.com-双赢彩票诈骗吗| www.141323.com-彩店宝彩票ios|