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

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

末日的春天
末日的春天

全員に返信(2)
数据分析师

JavaScriptでニュースのスクロール効果を実現するにはどうすればよいですか? - PHP 中国語 Web サイト Q&A - JavaScript はどのようにしてニュースのスクロール効果を実現しますか? -PHP中国語サイトQ&A

ぜひ見て学んでください。

いいねを押す +0
伊谢尔伦
<!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来控制。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート