向上无缝滚动代码
<!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>
上一条： mymps(蚂蚁分类) 首页diy 参数调用
下一条： jquery全选和反选input代码
