<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#scrollobj01,#scrollobj02 {
white-space: nowrap;
overflow: hidden;
width: 390px;
}
</style>
<script type="text/javascript">
window.onload=function(){
alert(id("scrollobj01"));
var _timer = setInterval("scroll01(id('scrollobj01'))", 10);
function _stop01() {
if (_timer != null) {
clearInterval(_timer);
}
}
function _start01() {
_timer = setInterval("scroll01(id('scrollobj01'))", 10);
}
}
function id(name){
return document.getElementById(name);
}
function scroll01(obj) {
/*往左*/
var tmp = (obj.scrollLeft)++;
//当滚动条到达右边顶端时
if (obj.scrollLeft == tmp) {
obj.innerHTML += obj.innerHTML;
}
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollLeft >= obj.firstChild.offsetWidth) {
obj.scrollLeft = 0;
}
}
</script>
</head>
<body>
<div > <!--重点工作-->
<div class="gdxw" style="width:510px; margin-top:3px;">
<img src="file:///C|/Users/Administrator/Desktop/images/gdxl_tp2.gif" width="115" height="22" style="float:left;" />
<div id="scrollobj01" onmouseover="javascript:_stop01();" onmouseout="javascript:_start01();" style="float:left; width:390px; font-size:14px; font-family:'宋体'; color:#ff0214;">
<a href="file:///C|/Users/Administrator/Desktop/${document.fileName}?id=${document.id}" target="_blank" style="color:#FF0214;"><b>${document.title}</b></a>
</div>
</div>
<!--干部考勤情况-->
<div class="gdxw" style="width:510px; margin-top:3px;">
<img src="file:///C|/Users/Administrator/Desktop/images/gdxl_tp2.gif" width="115" height="22" style="float:left;" />
<div id="scrollobj02" onmouseover="javascript:_stop02();" onmouseout="javascript:_start02();" style="float:left; width:390px; font-size:14px; font-family:'宋体'; color:#ff0214;">
<a href="file:///C|/Users/Administrator/Desktop/${document.fileName}?id=${document.id}" target="_blank" style="color:#FF0214;"><b>${document.title}</b></a>
</div>
</div>
</div>
</body>
</html>