无间断滚动的新闻文章列表--兼容IE和FF
Code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>无间断滚动的新闻文章列表</title>
<link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css" />
<!--[if IE]><style>
@import url("/tutorials/demo/css/ie.css");
</style><![endif]-->
<style type="text/css">
<!--
#demo ul{text-align: left; }
#demo li a:link{font-size: 12px;text-decoration: none; color:#A00000;}
#demo ul li a:visited{font-size: 12px;text-decoration: none; color:#A00000;}
#demo ul li a:hover{font-size: 12px;text-decoration: none; color:#A00000;}
#demo{overflow:hidden; width: 390px;height: 55px;margin: 5px;float: left;display: inline;}
-->
</style>
</head>
<body>
<div id="demo">
<div id="demo1">
<ul style="margin:0px">
<li><a href="#">深圳车源持续紧张荣威550成抢手货</a></li>
<li><a href="#">月销5000台荣威550进入销量第一</a></li>
<li><a href="#">延续国际车展势头7月荣威550销售火爆</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">bbbb</a></li>
<li><a href="#">cccc</a></li>
</ul>
</div>
<div id="demo2"> </div>
<script type="text/javascript">
//图片无间断滚动代码，兼容IE、Firefox、Opera
//原脚本是IE only，来自网上，作者未知
//部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写
//http://www.forest53.com
var speed=40;
var FGDemo=document.getElementById('demo');
var FGDemo1=document.getElementById('demo1');
var FGDemo2=document.getElementById('demo2');
FGDemo2.innerHTML=FGDemo1.innerHTML
function Marquee1(){
if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)
FGDemo.scrollTop-=FGDemo1.offsetHeight
else{
FGDemo.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)
FGDemo.onmouseover=function() {clearInterval(MyMar1)}
FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script> </div>
</body>
</html>
浙公网安备 33010602011771号