先上代码
js部分：
function startmarquee(lh,speed,delay) {
var p=false;
var t;
var sh;
var o=document.getElementById("box");
o.innerHTML+=o.innerHTML;
o.style.marginTop=0;
o.onmouseover=function(){p=true;}
o.onmouseout=function(){p=false;}
function start(){
sh = o.offsetHeight;
o.style.height = sh;
t=setInterval(scrolling,speed);
if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
}
function scrolling(){
if(parseInt(o.style.marginTop)%lh!=0){
o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
if(Math.abs(parseInt(o.style.marginTop))>=sh/2) o.style.marginTop=0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
//行高 滚动速度 滚动时间
startmarquee(17,20,3000);
-------------------------------------------------------------------------------------
html部分：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>滚动新闻</title>
<style>
*{
margin:0px;
font-size:12px;
}
a{
text-decoration:none;
color:green;
}
a:hover{
text-decoration:underline;
color:red;
}
.tp{
height:17px;
line-height:17px;
overflow:hidden
}
</style>
</head>
<body>
<div style="height:17px; line-height:17px; overflow:hidden">
<div id="box">
<div class="tp">
<a href="http://www.hfyefan.com/host_detail_110.html" target="_blank">28元国内免备案空间！</a>
<a href="http://www.hfyefan.com/host_list_all.html" target="_blank">最全的空间购买地址！</a>
<a href="http://www.hfyefan.com/vps_list_all.html" target="_blank">高仿服务器租用！</a>
<a href="http://www.hfyefan.com/web.html" target="_blank">经典网站建设！</a>
<a href="http://shop1382005298214.1688.com/" target="_blank">叶凡阿里巴巴企业认证通过！</a>
</div>
<div class="tp">
<a href="http://www.hfyefan.com/vps_detail_56.html" target="_blank">68元免备案国内服务器！</a>
<a href="http://www.hfyefan.com/vps_detail_106.html" target="_blank">108元香港面备案VPS速度不让国内！</a>
<a href="http://www.hfyefan.com/vps_list_all.html" target="_blank">香港新世界电讯机房机柜租用！</a>
<a href="http://hfyefan.taobao.com/" target="_blank">企业官方淘宝店铺价格优惠中</a>
</div>
<div class="tp">
<a href="http://www.hfyefan.com/value_added_sms.html" target="_blank">短信平台免费送测试！</a>
<a href="http://order.hfyefan.com/" target="_blank">免费订单系统隆重上线！</a>
<a href="http://www.hfyefan.com/value_added_53kf.html" target="_blank">53客服系统新老版本均有销售！</a>
<a href="http://weibo.com/hfyefan" target="_blank">新浪企业微博关于关注！</a>
</div>
<div class="tp">
<a href="http://www.hfyefan.com/value_added_400.html" target="_blank">新研发能拨打的400电话，疯！</a>
<a href="http://www.hfyefan.com/value_added_svn.html" target="_blank">SVN适合中小型公司开发！</a>
<a href="http://www.hfyefan.com/value_added_safe.html" target="_blank">安全服务让安全感念深入人心！</a>
<a href="http://t.qq.com/hfyefan" target="_blank">腾讯企业微博关于关注！</a>
</div>
</div>
</div>
<script src="js/news.js" type="text/javascript"></script>
</body>
</html>
-------------------------------------------------------------
快部署起来看看什么效果吧，有问题记得联系叶凡网络-椰子：qq 446881654