亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

頁面頂部和底部切換功能，仿twitter效果

2024-09-05 12:18:07

字體：大中小

來源：轉載

供稿：網友

頁面頂部和底部切換功能，仿twitter效果，一個小鳥，點擊就會回到網頁頂部，或回到底部。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>頁面頂部和底部切換效果</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><style type="text/css">body{background:#1a3265 url(about:blank) no-repeat fixed;padding:0px;margin:0px;cursor:default;}#fixedMenu{width:80px;height:66px;position:fixed;z-index:29;bottom:0;right:0;background:transparent url(/jscss/demoimg/201101/twitter.png) 0 0;}</style><script type="text/javascript">function $(t){return _.getElementById(t);}/* 平滑跳轉到錨點處理塊 */function intval(v){	v = parseInt(v);	return isNaN(v) ? 0 : v;}// 獲取元素信息function getPos(e){	var l = 0;	var t  = 0;	var w = intval(e.style.width);	var h = intval(e.style.height);	var wb = e.offsetWidth;	var hb = e.offsetHeight;	while (e.offsetParent){		l += e.offsetLeft + (e.currentStyle?intval(e.currentStyle.borderLeftWidth):0);		t += e.offsetTop  + (e.currentStyle?intval(e.currentStyle.borderTopWidth):0);		e = e.offsetParent;	}	l += e.offsetLeft + (e.currentStyle?intval(e.currentStyle.borderLeftWidth):0);	t  += e.offsetTop  + (e.currentStyle?intval(e.currentStyle.borderTopWidth):0);	return {x:l, y:t, w:w, h:h, wb:wb, hb:hb};}// 獲取滾動條信息function getScroll() {	var t, l, w, h;	if (document.documentElement && document.documentElement.scrollTop) {		t = document.documentElement.scrollTop;		l = document.documentElement.scrollLeft;		w = document.documentElement.scrollWidth;		h = document.documentElement.scrollHeight;	} else if (document.body) {		t = document.body.scrollTop;		l = document.body.scrollLeft;		w = document.body.scrollWidth;		h = document.body.scrollHeight;	}	return { t: t, l: l, w: w, h: h };}function scroller(el, duration){	if(typeof el != 'object') { el = document.getElementById(el); }	if(!el) return;	var z = this;	z.el = el;	z.p = getPos(el);	z.s = getScroll();	z.clear = function(){window.clearInterval(z.timer);z.timer=null};	z.t=(new Date).getTime();	z.step = function(){		var t = (new Date).getTime();		var p = (t - z.t) / duration;		if (t >= duration + z.t) {			z.clear();			window.setTimeout(function(){z.scroll(z.p.y, z.p.x)},13);		} else {			st = ((-Math.cos(p*Math.PI)/2) + 0.5) * (z.p.y-z.s.t) + z.s.t;			sl = ((-Math.cos(p*Math.PI)/2) + 0.5) * (z.p.x-z.s.l) + z.s.l;			z.scroll(st, sl);		}	};	z.scroll = function (t, l){window.scrollTo(l, t)};	z.timer = window.setInterval(function(){z.step();},13);}var _ = document;//綁定頁面加載完成事件調用函數function addLoadEvent(func) {  var oldonload = window.onload;  if (typeof window.onload != 'function') {    window.onload = func;  } else {    window.onload = function() {      if (oldonload) {	oldonload();      }      func();    }  }}addLoadEvent(function() {	//靜止按鈕	if(t=$('fixedMenu')){		t.style.cursor = 'pointer';		t.title = '本鳥只可遠觀不可褻玩焉...';		x=2;		t.onclick = function (){			if (document.documentElement && document.documentElement.scrollTop) {					st = document.documentElement.scrollTop;				} else if (document.body) {					st = document.body.scrollTop;			}			if(st<x){				scroller('footer',800);				}else{				scroller('header',800);			}		}		t.onmouseover = function (){			this.style.backgroundPosition='0 -66px';			}		t.onmouseout = function (){			this.style.backgroundPosition='0 0';		}	}});</script></head><body><div   class="fjxrt9d"   id="header" style="color:#ffffff;">這里是頁面頂部</div><div   class="tbfd919"   id="content" style="height:2000px;"></div><div   class="znrr9zv"   id="footer" style="color:#ffffff;">這里是頁面底部</div><div   class="1d99f17"   id="fixedMenu"></div></body></html>

上一篇：動畫版的回到頂部和底部效果代碼

下一篇：動畫回到網頁頂部，使用了jQuery 1.4

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

91精品国产综合久久香蕉最新版| 97国产精品免费视频| 亚洲电影天堂av| 欧美日韩国产麻豆| 亚洲午夜激情免费视频| 中文字幕久热精品视频在线| 欧美放荡办公室videos4k| 色婷婷综合久久久久| 欧美大片免费观看在线观看网站推荐| 亚洲成人激情视频| 国产精品91久久久| 日韩精品高清在线观看| 久久久亚洲欧洲日产国码aⅴ| 中文字幕亚洲欧美日韩2019| 国产在线不卡精品| zzjj国产精品一区二区| 国产精品香蕉av| 亚洲在线免费看| 一区二区成人精品| 国产精品久久中文| 久久综合电影一区| 日本老师69xxx| 欧美精品一区在线播放| 国产精品v日韩精品| 亚洲成色777777在线观看影院| 啪一啪鲁一鲁2019在线视频| 国产精品一区二区三区久久| 久久精品国产69国产精品亚洲| 97色在线观看免费视频| 久久理论片午夜琪琪电影网| 日韩在线免费高清视频| 欧美激情精品久久久久久大尺度| 姬川优奈aav一区二区| 一区二区福利视频| 日韩精品在线免费观看视频| 日韩精品在线免费| 日韩色av导航| 一本色道久久88综合日韩精品| 亚洲va男人天堂| 国产精品视频成人| 日本一欧美一欧美一亚洲视频| 亚洲国产精品国自产拍av秋霞| 一本色道久久综合狠狠躁篇的优点| 亚洲人在线视频| 亚洲国产精品小视频| 国产精品夜间视频香蕉| 欧美丰满少妇xxxxx做受| 欧美插天视频在线播放| 日韩欧美福利视频| 久久成人18免费网站| 欧美成人自拍视频| 亚洲最大成人免费视频| 欧美专区福利在线| 一区二区三区天堂av| 亚洲国产欧美一区二区三区同亚洲| 国产亚洲综合久久| 亚洲精品98久久久久久中文字幕| 欧美电影在线观看| 激情亚洲一区二区三区四区| 久久97精品久久久久久久不卡| 久久久欧美精品| 亚洲欧洲日本专区| 久久五月天综合| 久久久国产在线视频| 激情av一区二区| 亚洲国产成人精品久久久国产成人一区| 国产成人精品一区| 97精品一区二区三区| 亚洲欧美日韩高清| 亚洲成人网av| 国内外成人免费激情在线视频网站| 亚洲国产成人精品一区二区| 中文字幕一区二区精品| 国产精品99久久久久久人| 午夜精品在线视频| 亚洲国产精品国自产拍av秋霞| 亚洲成人av在线播放| 欧美日韩一区二区精品| 蜜臀久久99精品久久久无需会员| 97在线视频一区| 国产成人精品日本亚洲专区61| 欧美日韩在线免费观看| 午夜精品三级视频福利| 亚洲国产天堂久久国产91| 久久精品亚洲精品| 69av成年福利视频| 亚洲电影中文字幕| 91精品国产综合久久久久久蜜臀| 欧美日韩一二三四五区| 视频在线观看一区二区| 国产精品扒开腿做| 中文字幕亚洲欧美一区二区三区| 中文字幕视频一区二区在线有码| 欧美理论电影在线观看| 欧美激情在线有限公司| 91久久久在线| 久久韩剧网电视剧| 日韩欧美中文字幕在线播放| 久久韩国免费视频| 亚洲视频在线观看| 精品成人国产在线观看男人呻吟| 国产日韩精品电影| 日韩欧美亚洲范冰冰与中字| 国产日韩欧美夫妻视频在线观看| 国产亚洲在线播放| 成人在线激情视频| 久久这里有精品视频| 亚洲va电影大全| 一区二区三区回区在观看免费视频| 国产精品日韩久久久久| 国产精品久久久久一区二区| 欧美成人精品h版在线观看| 欧美激情亚洲国产| 久久国产精品电影| 国产精品美女www| 在线中文字幕日韩| 深夜福利亚洲导航| 国产免费一区二区三区香蕉精| 国产第一区电影| 日韩欧美在线视频日韩欧美在线视频| 日韩电影中文亚洲精品乱码| 青青a在线精品免费观看| 欧美成人在线影院| 国产精品一区专区欧美日韩| 久久国产精品免费视频| 中文字幕亚洲字幕| 91精品国产成人| 亚洲第五色综合网| 欧美激情视频在线免费观看欧美视频免费一| 亚洲人成网站免费播放| 自拍亚洲一区欧美另类| 亚洲日韩国产第一| 亚洲国产三级网| 国精产品一区一区三区有限在线| 中文字幕精品av| 国产精品一区二区性色av| 亚洲国内精品在线| 久久久精品一区| 91精品久久久久久久久久入口| 日韩国产精品亚洲а∨天堂免| 久久99国产精品自在自在app| 久久99国产精品自在自在app| 国产精品国产自产拍高清av水多| 91av免费观看91av精品在线| 亚洲国产精品人久久电影| 欧洲成人免费视频| 国产成人免费av| 亚洲第一精品福利| 自拍偷拍亚洲在线| 欧美国产日产韩国视频| 亚洲自拍偷拍在线| 亚洲v日韩v综合v精品v| 中文字幕国产精品久久| 久久福利视频网| 日韩一区二区三区在线播放| 2019中文字幕在线免费观看| 欧美日韩xxxxx| 亚洲色图狂野欧美| 欧美亚洲成人网| 欧美激情xxxxx| 日韩av网站导航| 国产国产精品人在线视| 91久久国产综合久久91精品网站| 亚洲片国产一区一级在线观看|