首页 > 前端特效js代码大全 > 向上无缝滚动代码

向上无缝滚动代码

发布-网页培训班 | 浏览量-

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>向上无缝滚动——35ui.cn</title>
<meta name="author" content="QQ:289988244 提供界面设计" />
</head>
<style type="text/css">
.message {
 width:300px;
 height:260px;
 padding:0 20px;
 overflow:hidden;
 float:left;
 margin-top:235px; font-size:12px; line-height:30px;
}

</style>
<body>
<div id="box1" class="message">
  <ul><li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li>
  <li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li>
<li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li>
  <li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li>
  <li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li>
  <li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li>
  <li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li>
  <li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li>
  <li>
    昵称<span>四川内江</span><span>大专</span><span>生产/加工/制造
    爱过才知痛,痛了才知道有多爱.伤过依然还是不长记性,下次依然。
  </li></ul>
</div>
<script type="text/javascript">
   var oBox1 = document.getElementById('box1');
   var son= oBox1.childNodes;
   var len = son.length;
   var time = null;
   var  oBox1_div,nowH;
   for(var i = 0; i < len; i++){
    if(son[i].nodeType == 1)
    oBox1_div = son[i];
    }
 nowH = oBox1_div.offsetHeight;
 oBox1_div.innerHTML += oBox1_div.innerHTML;
 function doScroll(){
     if(oBox1.scrollTop >= nowH){
   oBox1.scrollTop = 0;
   } 
  oBox1.scrollTop++;
    }
   var time = setInterval(doScroll,30);
 oBox1.onmouseover = function(){
  clearInterval(time);
  }
 oBox1.onmouseout = function(){
  time = setInterval(doScroll,30);
  }
</script>
</body>
</html>
 

原文地址:http://www.35ui.cn/post/20120801549.html

标签无缝滚动代码

上一条: mymps(蚂蚁分类) 首页diy 参数调用
下一条: jquery全选和反选input代码

或许你还对下面的文章感兴趣
  • 作品
  • 素材
  • ued
  • 资源
  • 前端工程师
  • Asp网页培训班
  • jquery培训班
  • 北京网站制作
  • logo设计培训班
  • 做网站常用代码