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

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

末日的春天
末日的春天

모든 응답(2)
数据分析师

자바스크립트로 뉴스 스크롤 효과를 얻는 방법은 무엇입니까? -PHP 중국어 웹사이트 Q&A-JavaScript는 어떻게 뉴스 스크롤 효과를 구현하나요? -PHP 중국어 홈페이지 Q&A

꼭 보고 배워보세요.

伊谢尔伦
<!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来控制。

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿