1.关于js特效无间隙文字滚动问题<html>
<head>
<title>循环向上滚动的文字</title>
<link href="css/scrollTop.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="domes">
<div class="dome_top">近7日畅销榜</div>
<div id="dome">
<div id="dome1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/scrollTop_1.jpg" alt="scroll" /></td>
<td><div class="title">社交疯狂项语</div>
<font class="price">¥57.00</font> 折扣:52折</td>
</tr>
<tr>
<td><img src="images/scrollTop_2.jpg" alt="scroll" /> </td>
<td><div class="title">傲慢与偏见</div>
<font class="price">¥20.00</font> 折扣:25折</td>
</tr>
<tr>
<td><img src="images/scrollTop_3.jpg" alt="scroll" /></td>
<td><div class="title">玻璃鞋全集(50集34VCD)</div>
主演:金贤珠 金芝荷
<font class="price">¥300.00</font> 折扣:52折</td>
</tr>
<tr>
<td><img src="images/scrollTop_4.jpg" alt="scroll" /></td>
<td><div class="title">澳大利亚:假日之旅</div>
<font class="price">¥53.00</font> 折扣:51折</td>
</tr>
<tr>
<td><img src="images/scrollTop_5.jpg" alt="scroll" /> </td>
<td><div class="title">浪漫地中海:假日之旅</div>
<font class="price">&yen;80.00</font> 折扣:52折</td>
</tr>
<tr>
<td><img src="images/scrollTop_6.jpg" alt="scroll" /></td>
<td><div class="title">老人与海</div>
<font class="price">&yen;57.00</font> 折扣:52折</td>
</tr>
<tr>
<td><img src="images/scrollTop_7.jpg" alt="scroll" /></td>
<td><div class="title">欧陆风情:假日之旅</div>
<font class="price">&yen;53.00</font> 折扣:52折</td>
</tr>
</table>
</div>
<div id="dome2"></div>
</div>
</div>
<script src="js/scrollTop.js" type="text/javascript"></script>
</body>
</html>js代码// JavaScript Document
  function $(element){
  return document.getElementById(element);
  }
   
   var dome=$("dome");
   var dome1=$("dome1");
   var dome2=$("dome2");
   var speed=50;  //设置向上滚动速度
   dome2.innerHTML=dome1.innerHTML //复制dome1为dome2
   function moveTop(){
   if(dome2.offsetTop-dome.scrollTop<=0)   //当滚动至dome1与dome2交界时
   dome.scrollTop-=dome1.offsetHeight      //dome跳到最顶端
   else{
   dome.scrollTop++
   }
   }
   var MyMar=setInterval(moveTop,speed) //设置定时器
   dome.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
   dome.onmouseout=function() {MyMar=setInterval(moveTop,speed)}//鼠标移开时重设定时器,继续滚动其中最关键的代码我没看懂?
if(dome2.offsetTop-dome.scrollTop<=0)   //当滚动至dome1与dome2交界时
   dome.scrollTop-=dome1.offsetHeight      //dome跳到最顶端
   else
   dome.scrollTop++
dome2的顶部距离减去dome的顶部距离??????????还是什么的
2.关于网页游动导航的“回顶部”
很多网页都有回顶部的一个按钮层,我想实现的是不让它动的。就是想QQ空间的底部导航一样,一直停在浏览器底端。不受网页滚动的影响。
给位高手求指点啊,小弟很急的先谢谢了啊!

解决方案 »

  1.   

    问题一:
    网页可见区域高: document.body.offsetHeight (包括边线的宽);
    网页被卷去的高: document.body.scrollTop;
    问题二:
    http://www.cnblogs.com/ATree/archive/2011/04/09/JQuery_Mootools_Back-Top.html
    这里有你要的东西http://www.zhangxinxu.com/study/201104/back-to-top-jquery.html这是demo。
      

  2.   

    http://d.lanrentuku.com/down/js/piaofu-594/
      

  3.   

    offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 
    网页可见区域高: document.body.offsetHeight (包括边线的宽);
    网页被卷去的高: document.body.scrollTop;
    好吧 现在概念是有了,但是我经过调试还是看不明白。
    offsetTop???????
    if的条件是,当dome2的某一属性减去dome被减去的高小于等于0时 dome的被卷去的高???????
    否则dome.scrollTop++
    我就能理解那么多,还请指教啊!
      

  4.   


    http://hi.baidu.com/xuemeiweb/blog/item/619f8bffe8cebe34730eec13.html这里说的比较详细~·