網(wǎng)頁(yè)特效代碼模板無(wú)憂>網(wǎng)頁(yè)特效>文本鏈接特效代碼>

文字列表無(wú)縫向上滾動(dòng)JavaScript代碼_文本鏈接特效

JavaScript控制Li文字列表無(wú)縫向上滾動(dòng)，鼠標(biāo)經(jīng)過(guò)時(shí)暫停，常用的滾動(dòng)效果，滾動(dòng)速度、滾動(dòng)區(qū)域的在小請(qǐng)分別在JS代碼及CSS里調(diào)整。

<!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" mrc="text/html; charset=gb2312" />
<title>文字列表無(wú)縫向上滾動(dòng)JavaScript代碼</title>
<style>
*{margin:0px;padding:0px;border:0px;}
body{font:12px "宋體";}
#demo1{
height:auto;
text-align:left;
}
#demo2{
height:auto;
text-align:left;
}
#demo1  li{
list-style-type:none;
height:22px;
1122123<img src=>2244234background:url() no-repeat left center;
text-align:left;
text-indent:15px;
}
#demo2  li{
list-style-type:none;
height:22px;
1122123<img src=>2244234background:url() no-repeat left center;
text-align:left;
text-indent:15px;
}
</style>
</head>
<body>
<div id="demo" style="overflow:hidden;height:80px;width:280px;">
<ul id="demo1">  
<li><a href="/soft/4085.shtml" target="_blank">XP Menu 仿QQ菜單管理器左側(cè)菜單</a></li><li><a href="/soft/5884.shtml" target="_blank">多層嵌套的一個(gè)層展開(kāi)</a></li><li><a href="/soft/1852.shtml" target="_blank">《Java2核心技術(shù)卷2:高級(jí)特性》第7版</a></li><li><a href="/soft/1286.shtml" target="_blank">CSS、HTML教程打包下載 (CHM)</a></li><li><a href="/soft/4216.shtml" target="_blank">《C++ Primer》中文第四版 chm</a></li><li><a href="/soft/3388.shtml" target="_blank">C++工資管理系統(tǒng)(Access)</a></li><li><a href="/soft/2009.shtml" target="_blank">非常牛的左側(cè)欄JS折疊菜單</a></li>
</ul> 
<div id="demo2"></div>
</div> 
<script> 
var speed=40 
var demo=document.getElementById("demo"); 
var demo2=document.getElementById("demo2"); 
var demo1=document.getElementById("demo1"); 
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 
if(demo2.offsetTop-demo.scrollTop<=0) 
  demo.scrollTop-=demo1.offsetHeight 
else{ 
  demo.scrollTop++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script> 
</body>
</html>

所屬頻道：文本鏈接特效/更新時(shí)間：2012-11-28

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)文本鏈接特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

文字列表無(wú)縫向上滾動(dòng)JavaScript代碼_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些