当前位置:首页 » 资料文库 » 正文

回到顶部top源代码一些解决办法

1051 人参与  2014年02月23日 19:34  分类 : 资料文库  评论
细心的朋友应早已发现,奶酪的Blog页面右边新增了一个小小的“TOP”浮动标签。当你浏 览某个较长的日志页面时,点击这个“TOP”标签,就能够很快的返回到页面的顶部。这样,是不是能够给你的浏览带来一些方便呢?——有了它,就不再需要拼 命按滚动键返回到顶部了。

本着跟大家共享的精神,在此就把这一源代码放出来,以期和大家共同学习呵呵。

这个代码一共分了两段,要分别插在不同的地方。下面就按步骤来说明罢。

第一步:找一个小图标,此处允许个性化(格式为gif或者jpg为佳,大小随意,但是建议不 要超过50*30),比如我的Blog使用的是“Top”图标;如果你也喜欢这个图标,可以鼠标右键点击页面右侧的那个TOP标签,另存为到你自己的硬盘 上,然后上传到你的博客空间,并引用该图片的网址(把该网址粘贴到一个记事本上备用,后面会说明);

第二步:在你博客的head区域(

和) 之间,插入如下两条横线间的代码:

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

<script language=javas

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区域(

和) 之间,插入如下两条横线间的代码:

注意,此处表上颜色的你可能需要按照自己博客的实际页面情况进行修改:

红色部分用于定于标签的位置及其宽度大小,right的意思是距离页面右侧边界为50px的 距离;Width表示该标签占用的宽度约为多少(可以采用你第一步上传的那张图片的宽度);

把绿色部分替换成你第一步里边获得的那个已经准备好的图片网址即可。

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

 

style="right: 50px; VISIBILITY: visible; WIDTH: 45px; POSITION: absolute; TOP: 265px">

border=0>

 

 

<script language=javas


</script>


来源:曹凯博客(微信/QQ号:8463625),转载请保留出处和链接!

本文链接:https://www.mycaokai.com/article-10.html

南充交友QQ群:8116802;然猫交流QQ群:215058502

QQ:8463625;微信/手机/合作:15881777512

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

收款方式:财付通/QQ:8463625,支付宝:8463625@qq.com,微信:15881777512

       

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

博客首页 | 然猫创业网 | 然猫云商

Copyright © 2011-2099 mycaokai.com All Rights Reserved. 蜀ICP备11010836号-16

扫一扫,加我为微信好友 加我为微信好友