csdn上热门招聘javascript

从论坛里看到的一段代码。虽然代码很少，但思想值得学习。

下面是javascript:

<mce:script type="text/javascript"><!-- 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); }); // --></mce:script>

下面是css样式：

<mce: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; } --></mce:style><style type="text/css" mce_bogus="1"> .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>

下面是HTML：

<div> <dd class="recruit" id="recommended"> <h5> 热门招聘职位 </h5> <ul id="marqueebox0"> <li><a target="_blank" href="#" mce_href="#">2010支付宝技术专场招聘</a> </li> <li><a target="_blank" href="#" mce_href="#">【惠普】研发中心诚聘 .NET Tech Lead(Quality Center)</a> </li> <li><a target="_blank" href="#" mce_href="#">【东方通】中间件第一品牌：高薪.急聘！</a> </li> <li><a target="_blank" href="#" mce_href="#">【惠普】研发中心诚聘 C++资深开发工程师</a> </li> <li><a target="_blank" href="#" mce_href="#">北京明天高软科技 高级需求分析师</a> </li> <li><a target="_blank" href="#" mce_href="#">北京明天高软科技有限公司 高级java工程师</a> </li> <li><a target="_blank" href="#" mce_href="#">北京明天高软科技 JAVA开发工程师</a> </li> <li><a target="_blank" href="http://g.youkuaiyun.com/5149674" mce_href="http://g.youkuaiyun.com/5149674">北京明天高软科技 测试工程师</a> </li> <li><a target="_blank" href="http://g.youkuaiyun.com/5149688" mce_href="http://g.youkuaiyun.com/5149688">【惠普】研发中心诚聘 QA Tech Lead(LoadRunner)</a> </li> <li><a target="_blank" href="http://g.youkuaiyun.com/5149690" mce_href="http://g.youkuaiyun.com/5149690">【惠普】研发中心诚聘 .NET Senior Developer (Quality Center)</a> </li> <li><a target="_blank" href="http://g.youkuaiyun.com/5149693" mce_href="http://g.youkuaiyun.com/5149693">【惠普】研发中心诚聘 R&D Tech Lead(LoadRunner or QTP)</a> </li> <li><a target="_blank" href="http://g.youkuaiyun.com/5149691" mce_href="http://g.youkuaiyun.com/5149691">【优快云】招聘:Ruby 工程师、Java搜索工程师、运营编辑、兼职编辑</a> </li> <li><a target="_blank" href="#" mce_href="#">2010支付宝技术专场招聘</a> </li> <li><a target="_blank" href="#" mce_href="#">【惠普】研发中心诚聘 .NET Tech Lead(Quality Center)</a> </li> <li><a target="_blank" href="#" mce_href="#">【东方通】中间件第一品牌：高薪.急聘！</a> </li> <li><a target="_blank" href="#" mce_href="#">【惠普】研发中心诚聘 C++资深开发工程师</a> </li> <li><a target="_blank" href="#" mce_href="#">北京明天高软科技 高级需求分析师</a> </li> <li><a target="_blank" href="#" mce_href="#">北京明天高软科技有限公司 高级java工程师</a> </li> <li><a target="_blank" href="#" mce_href="#">北京明天高软科技 JAVA开发工程师</a> </li> <li><a target="_blank" href="#" mce_href="#">北京明天高软科技 测试工程师</a> </li> <li><a target="_blank" href="#" mce_href="#">【惠普】研发中心诚聘 QA Tech Lead(LoadRunner)</a> </li> <li><a target="_blank" href="#" mce_href="#">【惠普】研发中心诚聘 .NET Senior Developer (Quality Center)</a> </li> <li><a target="_blank" href="#" mce_href="#">【惠普】研发中心诚聘 R&D Tech Lead(LoadRunner or QTP)</a> </li> <li><a target="_blank" href="http://g.youkuaiyun.com/5149691" mce_href="http://g.youkuaiyun.com/5149691">【优快云】招聘:Ruby 工程师、Java搜索工程师、运营编辑、兼职编辑</a> </li> </ul> </dd> </div>