您的位置：首页 > Web前端 > JavaScript
JavaScript js csdn 文字滚动广告效果

2010-08-05 13:11 603 查看
csdn博客中的招聘广告效果代码

<!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:200px;
font-size:12px;
}

dd.recruit ul {
float:none;
height:252px;
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="http://g.csdn.net/5149691">【CSDN】招聘:Ruby
工程师、Java搜索工程师、运营编辑、兼职编辑</a>
</li>
</ul>
</dd>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理
标签：
相关文章推荐
新的分享
章节导航