国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項超值服

開通VIP
迅速返回頁面頂部
迅速返回頁面頂部——浮動按鈕制作教程及源代碼   【教程 源代碼 美博技巧 HTML 浮動按鈕】    2005-09-11

細(xì)心的朋友應(yīng)早已發(fā)現(xiàn),T-Eye頁面右邊新增了一個小小的“TOP”浮動標(biāo)簽。當(dāng)你瀏覽某個較長的日志頁面時,點(diǎn)擊這個“TOP”標(biāo)簽,就能夠很快的返回到頁面的頂部。這樣,是不是能夠給你的Visitor帶來一些方便呢?——有了它,就不再需要拼命按滾動鍵返回到頂部了。

應(yīng)YY的要求,本著跟大家共享的精神,在此就把這一源代碼放出來,以期和大家共同學(xué)習(xí)呵呵。

這個代碼一共分了兩段,要分別插在不同的地方。下面就按步驟來說明罷。

第一步:找一個小圖標(biāo),此處允許個性化(格式為gif或者jpg為佳,大小隨意,但是建議不要超過50*30),比如T-Eye使用的是“Top”圖標(biāo);如果你也喜歡這個圖標(biāo),可以鼠標(biāo)右鍵點(diǎn)擊T-Eye右側(cè)的那個TOP標(biāo)簽,另存為到你自己的硬盤上,然后上傳到你的博客空間,并引用該圖片的網(wǎng)址(把該網(wǎng)址粘貼到一個記事本上備用,后面會說明);

第二步:在你博客的head區(qū)域(<head>和</head>)之間,插入如下兩條橫線間的代碼:

-------------------------

<SCRIPT language=javascript>
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
var isNS = navigator.appName == "Netscape";

function getRef(id) {
 if (isDOM) return document.getElementById(id);
 if (isIE4) return document.all[id];
 if (isNS4) return document.layers[id];
}

function getSty(id) {
 x = getRef(id);
 return (isNS4 ? getRef(id) : getRef(id).style);
}

var scrollerHeight = 88;
var puaseBetweenImages = 3000;
var imageIdx = 0;

function moveRightEdge() {
 var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;

 if (isNS4) {
  yMenuFrom   = divMenu.top;
  yMenuTo     = windows.pageYOffset + 200;   // 困率 困摹
 } else if (isDOM) {
  yMenuFrom   = parseInt (divMenu.style.top, 10);
  yMenuTo     = (isNS ? window.pageYOffset : document.body.scrollTop) + 200; // 困率 困摹
 }
 timeoutNextCheck = 500;

 if (yMenuFrom != yMenuTo) {
  yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);
  if (yMenuTo < yMenuFrom)
   yOffset = -yOffset;
  if (isNS4)
   divMenu.top += yOffset;
  else if (isDOM)
   divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
   timeoutNextCheck = 10;
 }
 setTimeout ("moveRightEdge()", timeoutNextCheck);
}
</SCRIPT>

-------------------------

第三步:在你博客的body區(qū)域(<body>和</body>)之間,插入如下兩條橫線間的代碼:

注意,此處表上顏色的你可能需要按照自己博客的實(shí)際頁面情況進(jìn)行修改:

紅色部分用于定于標(biāo)簽的位置及其寬度大小,right的意思是距離頁面右側(cè)邊界為50px的距離;Width表示該標(biāo)簽占用的寬度約為多少(可以采用你第一步上傳的那張圖片的寬度);

把綠色部分替換成你第一步里邊獲得的那個已經(jīng)準(zhǔn)備好的圖片網(wǎng)址即可。

-------------------------

<DIV id=divMenu
style="right: 50px; VISIBILITY: visible; WIDTH: 45px; POSITION: absolute; TOP: 265px"><a href="#top"><img src="*.gif" name=Image60 width="34" height="17"
border=0></a>
</DIV>
<SCRIPT language=javascript>
<!--
if (isNS4) {
 var divMenu = document["divMenu"];
 divMenu.top = top.pageYOffset + 50;
 divMenu.visibility = "visible";
 moveRightEdge();
} else if (isDOM) {

 var divMenu = getRef(‘divMenu‘);
 divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 50;
 divMenu.style.visibility = "visible";
 moveRightEdge();
}
//-->
</SCRIPT>

-------------------------

好了,一切按部就班后,現(xiàn)去御覽一下你的頁面吧!感覺是不是蠻實(shí)用的?

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
星星從背景中飛出- 網(wǎng)頁特效
JS實(shí)現(xiàn)頁面頂部的多級導(dǎo)航條特效
delphi中利用TRichEdit實(shí)現(xiàn)上標(biāo) 下標(biāo)問題
UGUI教程之
Selenium WebDriver 中鼠標(biāo)事件
終于破解了《130波段》指標(biāo),無未來數(shù)據(jù),大智慧、飛狐和通達(dá)信均可使用!-《短線操盤手》策...
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服