javascript如何实现新闻滚动效果?
末日的春天
末日的春天 2017-03-01 09:52:49
0
2
891

javascript如何实现新闻滚动效果?

末日的春天
末日的春天

membalas semua(2)
数据分析师

Bagaimana untuk mencapai kesan menatal berita dengan javascript? -Tapak web PHP Cina Soal Jawab-Bagaimanakah JavaScript mencapai kesan tatal berita? -Soal Jawab laman web PHP Cina

Sila tonton dan pelajari.

伊谢尔伦
<!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> 
<title>code.js.cn </title> 
<style> 
a 
{ 
display: block; 
font-size: 15px; 
line-height: 18px; 
text-decoration: none; 
color: #333; 
font-family: Arial; 
font-size: 12px; 
} 
.shell 
{ 
background:no-repeat 4px 5px; 
border: 1px solid #aaa; 
width: 400px; 
padding: 3px 2px 2px 20px; 
} 
#p1 
{ 
height: 36px; 
overflow: hidden; 
} 
</style> 
</head> 
<body> 
<p class="shell"> 
<p id="p1"> 
<a>这是</a> 
<a>我的</a> 
<a>第一篇</a> 
<a>博客</a> 
</p> 
</p> 
</body> 
<script> 
var c, _ = Function; 
with (o = document.getElementById("p1")) { innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0"); } 
(F = _("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g, "o.scrollTop")))(); 
</script> 
</html>

滚动频率由setTimeout(F,#%18?10:3000)这个3000来控制。

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan