JavaScript js csdn 文字滚动广告效果-CSDN博客

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>

转载于:https://www.cnblogs.com/javaTest/archive/2010/08/05/2589406.html