JavaScript js csdn 文字滚动广告效果
2010-08-05 13:11
591 查看
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="#">北京明天高软科技 J***A开发工程师</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="#">北京明天高软科技 J***A开发工程师</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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript js csdn 文字滚动广告效果
- JavaScript js csdn 文字滚动广告效果
- Js 实现文字爬楼滚动效果 结合文本框
- 浅析js 文字滚动效果
- 友情链接横向文字上下间隙循环滚动JS效果
- javascript实现文字无缝滚动效果
- JS平滑无缝滚动实现———实现首页广告自动滚动效果（附实例）
- 滚动的文字效果 就类似广告的LED
- 基于javascript实现文字无缝滚动效果
- js实现文字列表无缝滚动效果
- JS实现的新浪微博大厅文字内容滚动效果代码
- JS走马灯效果（文字滚动效果）
- js实现随屏幕滚动的带缓冲效果的右下角广告代码
- Js 实现文字爬楼滚动效果 结合文本框
- JS+CSS代码简洁的无间断文字向上滚动切换效果
- 友情链接横向文字上下间隙循环滚动JS效果
- JS实现倒计时和文字滚动的效果实例
- JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
- 浅析js 文字滚动效果