文字滚动无间隙代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>csdn 博客招聘滚动信息广告特效</title>
    <meta http-equiv="author" content="hoojo">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
.recruit {
border:1px solid #C1AE9E;
display:inline;
float:left;
margin-left:15px;
padding:1px;
text-align:left;
width:230px;
font-size:12px;
}

dd.recruit ul {
float:none;
height:200px;
margin: 10px 5px;
overflow:hidden;
padding:0;
width:auto;
}

body {
color:#000000;
font-family:verdana,sans-serif;
font-size:75%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:150%;
text-align:center;
} dd {
float:left;
margin:0;
padding:0;
width:474px;
}

a:link {
    font-size: 12px;
    text-decoration: none;
    color: black;
}

a:hover {
    font-size: 12px;
    text-decoration: none;
    color: red;
}

a:active {
    font-size: 12px;
    text-decoration: none;
    color: blue;
}

a:visited {
    font-size: 12px;
    text-decoration: none;
    color: black;
}
* {
font-size: 12px;
}
    </style>
    <script>
function startmarquee(lh, speed, delay, index) {
var t;
var p = false;
var o = document.getElementById("marqueebox" + index);
o.innerHTML += o.innerHTML;
o.onmouseover = function () { p = true }
o.onmouseout = function () { p = false }
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
if (!p)
o.scrollTop += 2;
}
function scrolling() {
if (o.scrollTop % lh != 0) {
o.scrollTop += 2;
if (o.scrollTop >= o.scrollHeight / 2)
o.scrollTop = 0;
} else {
clearInterval(t);
setTimeout(start, delay);
}
}
setTimeout(start, delay);
}

function addEventHandler(target, type, func) {
if (target.addEventListener)
target.addEventListener(type, func, false);
else if (target.attachEvent)
target.attachEvent("on" + type, func);
else
target["on" + type] = func;
}

addEventHandler(window, "load", function () {
startmarquee(42, 50, 3000, 0);
});
</script>  </head>

  <body>
<dd class="recruit" id="recommended">
<h5>
热门招聘职位
</h5>
<ul id="marqueebox0">
<li>
<a target="_blank" href="#">2010支付宝技术专场招聘</a>
</li>
<li>
<a target="_blank" href="#">【惠普】研发中心诚聘 .NET Tech
Lead(Quality Center)</a>
</li>
<li>
<a target="_blank" href="#">【东方通】中间件第一品牌：高薪.急聘！</a>
</li>
<li>
<a target="_blank" href="#">【惠普】研发中心诚聘 C++资深开发工程师</a>
</li>
<li>
<a target="_blank" href="#">北京明天高软科技高级需求分析师</a>
</li>
<li>
<a target="_blank" href="#">北京明天高软科技有限公司高级java工程师</a>
</li>
<li>
<a target="_blank" href="#">北京明天高软科技 JAVA开发工程师</a>
</li>
<li>
<a target="_blank" href="http://g.csdn.net/5149674">北京明天高软科技
测试工程师</a>
</li>
<li>
<a target="_blank" href="http://g.csdn.net/5149688">【惠普】研发中心诚聘
QA Tech Lead(LoadRunner)</a>
</li>
<li>
<a target="_blank" href="http://g.csdn.net/5149690">【惠普】研发中心诚聘
.NET Senior Developer (Quality Center)</a>
</li>
<li>
<a target="_blank" href="http://g.csdn.net/5149693">【惠普】研发中心诚聘
R&D Tech Lead(LoadRunner or QTP)</a>
</li>
<li>
<a target="_blank" href="http://g.csdn.net/5149691">【CSDN】招聘:Ruby
工程师、Java搜索工程师、运营编辑、兼职编辑</a>
</li> <li>
<a target="_blank" href="#">2010支付宝技术专场招聘</a>
</li>
<li>
<a target="_blank" href="#">【惠普】研发中心诚聘 .NET Tech
Lead(Quality Center)</a>
</li>
<li>
<a target="_blank" href="#">【东方通】中间件第一品牌：高薪.急聘！</a>
</li>
<li>
<a target="_blank" href="#">【惠普】研发中心诚聘 C++资深开发工程师</a>
</li>
<li>
<a target="_blank" href="#">北京明天高软科技高级需求分析师</a>
</li>
<li>
<a target="_blank" href="#">北京明天高软科技有限公司高级java工程师</a>
</li>
<li>
<a target="_blank" href="#">北京明天高软科技 JAVA开发工程师</a>
</li>
<li>
<a target="_blank" href="#">北京明天高软科技测试工程师</a>
</li>
<li>
<a target="_blank" href="#">【惠普】研发中心诚聘 QA Tech
Lead(LoadRunner)</a>
</li>
<li>
<a target="_blank" href="#">【惠普】研发中心诚聘 .NET Senior
Developer (Quality Center)</a>
</li>
<li>
<a target="_blank" href="#">【惠普】研发中心诚聘 R&D Tech
Lead(LoadRunner or QTP)</a>
</li>
<li>
<a target="_blank" href="#">【CSDN】招聘:Ruby
工程师、Java搜索工程师、运营编辑、兼职编辑</a>
</li>
</ul>
</dd>
</body>
</html>
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/IBM_hoojo/archive/2010/08/05/5790372.aspx

调试易

文字滚动无间隙代码

解决方案 »