关于符合WEB标准的滚动文字特效的实现方法

豆豆网   技术应用频道   2007年09月03日  【字号: 收藏本文

内容摘要:由于marquee标签现在用得是越来越少了,所以滚动效果的做法大多也都改用javascript来实现了,至于不明白为什么不直接用marquee标签的朋友,不妨先阅读一下这篇文章。

  第三种是最精简的,代码非常少。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
 <TITLE> 网页文本定时变动的特效代码 </TITLE>
 <META NAME="Generator" CONTENT="EditPlus">
 <META NAME="Author" CONTENT="">
 <META NAME="Keywords" CONTENT="">
 <META NAME="Description" CONTENT="">
 <style type="text/css">
#newslist{
 background:#f7f7f7;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:300px;
}
#contain{
 font-size:12px;overflow:hidden;list-style:none;width:300px;height:20px;margin:0px;padding:0;
}
#contain li{
 height:20px;line-height:20px;white-space:nowrap;overflow:hidden;
}
</style>
</HEAD>
  
<BODY>
<div id="newslist">
 <ul id="contain">
  <li><a href="http:/www.webjx.com">网页教学网webjx.com11111</a></li>
  <li><a href="http:/www.webjx.com">网页教学网webjx.com00000</a></li>
  <li><a href="http:/www.webjx.com">网页教学网webjx.com22222</a></li>
  <li><a href="http:/www.webjx.com">网页教学网webjx.com33333</a></li>
  <li><a href="http:/www.webjx.com">网页教学网webjx.com44444</a></li>
 </ul>
</div>
<SCRIPT LANGUAGE="JavaScript">
function xx(){
var container=document.getElementById("contain");
container.appendChild(container.firstChild);
}
setInterval("xx()",3000);
</SCRIPT>
</BODY>
</HTML>

责编:豆豆技术应用

正在加载评论...