新闻一条一条的滚动

 

 

新闻一条一条的滚动

1.在需要滚动的位置加上这个代码
<IFRAME marginWidth=0 marginHeight=0 src="ifrtjjp.html" frameBorder=0 width="99%" scrolling=no height=182></IFRAME>

2.ifrtjjp.html的代码如下

<STYLE type=text/css>
BODY {
 FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: 宋体
}
TD {
 FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: 宋体
}
TH {
 FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: 宋体
}
BODY {
 MARGIN: 0px
}
A:link {
 COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
 COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
 COLOR: #ff0000; TEXT-DECORATION: underline
}
A:active {
 COLOR: #000000; TEXT-DECORATION: none
}
A {
 FONT-SIZE: 12px; FONT-FAMILY: 宋体
}
.tp {
 WIDTH: 100%;
 PADDING-TOP: 4px;
 WHITE-SPACE: nowrap;
 TEXT-ALIGN: left;
border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCCCCC;
 line-height:17px; /*这里的高度和下面的滚动高度相差5个px*/
}
</STYLE>
<DIV style="MARGIN-LEFT: 6px; OVERFLOW: hidden; width:98%;HEIGHT: 182px">
<DIV id=box align=left>
<DIV class="tp">·看看效果</DIV>
</DIV>
</DIV>
<SCRIPT>
function startmarquee(lh,speed,delay) {
var p=false;
var t;
var sh;
var o=document.getElementById("box");
o.innerHTML+=o.innerHTML;
o.style.marginTop=0;
o.onmouseover=function(){p=true;}
o.onmouseout=function(){p=false;}
function start(){
sh = o.offsetHeight;
o.style.height = sh;
t=setInterval(scrolling,speed);
if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
}
function scrolling(){
if(parseInt(o.style.marginTop)%lh!=0){
o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
if(Math.abs(parseInt(o.style.marginTop))>=sh/2) o.style.marginTop=0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(22,20,3000);//行高  滚动速度  滚动时间
</SCRIPT>