<!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">
.inform {
border: 1px solid #E5E5E5;
padding: 1px;
}
.inform h2 {
background: none repeat scroll 0 0 #015198;
font-weight: normal;
line-height: 30px;
}
.inform h2 span {
color: #FFFFFF;
font-size: 16px;
padding-left: 10px;
}
.inform h2 a {
color: #FFFFFF;
float: right;
font-size: 14px;
padding-right: 3px;
}
.inform ul {
height: 170px;
margin-top: 7px;
overflow: hidden;
}
.inform ul li {
line-height: 26px;
padding-left: 12px;
}
</style>
</head>
<body>
<div class="inform">
<div style="height:170px; overflow:hidden">
<ul id="marquee" style="height:285px">
<li><a title="添加時間：2014-06-05 點擊次數：139" href="/index.php?r=archives/default/new&id=6044&t=1401953184" target="_blank">
華醫學會臨床醫學科研專項資金...</a></li>
<li><a title="添加時間：2014-06-05 點擊次數：192" href="/index.php?r=archives/default/new&id=6043&t=1401953184" target="_blank">
第四屆職工文化藝術節活動方案</a></li>
<li><a title="添加時間：2014-06-04 點擊次數：154" href="/index.php?r=archives/default/new&id=6040&t=1401953184" target="_blank">
關於開展國家技術標准資源服務...</a></li>
<li><a title="添加時間：2014-06-04 點擊次數：145" href="/index.php?r=archives/default/new&id=6038&t=1401953184" target="_blank">
科技部關於組織申報科技基礎性...</a></li>
<li><a title="添加時間：2014-06-03 點擊次數：203" href="/index.php?r=archives/default/new&id=6032&t=1401953184" target="_blank">
關於印發《國家自然科學基金優...</a></li>
<li><a title="添加時間：2014-06-03 點擊次數：89" href="/index.php?r=archives/default/new&id=6031&t=1401953184" target="_blank">
UpToDate數據庫培訓講座</a></li>
<li><a title="添加時間：2014-05-29 點擊次數：288" href="/index.php?r=archives/default/new&id=6015&t=1401953184" target="_blank">
手衛生工作簡訊</a></li>
<li><a title="添加時間：2014-05-26 點擊次數：675" href="/index.php?r=archives/default/new&id=5831&t=1401953184" target="_blank">
2014年“端午節”門急診醫...</a></li>
<li><a title="添加時間：2014-05-21 點擊次數：736" href="/index.php?r=archives/default/new&id=5671&t=1401953184" target="_blank">
國家自然科學基金委員會關於受...</a></li>
<li><a title="添加時間：2014-05-21 點擊次數：622" href="/index.php?r=archives/default/new&id=5669&t=1401953184" target="_blank">
UpToDate數據庫試用通知</a></li>
<li> </li>
</ul>
</div>
<script type="text/javascript">
window.onload = function() {
setTimeout("startmarquee(34, 50, 0, 'marquee')", 1000);
}
function startmarquee(lh,speed,delay,id) {
var t;
var p = false;
var o = document.getElementById(id);
o.innerHTML += o.innerHTML + 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);
}
</script>
</div>
</body>
</html>
js實現新聞條目滾動效果
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。