谁给个横向滚动无间隔公告栏代码？

r0b3r7 2009-05-23 04:46:58

RT
css+js
thx!!

...全文

279 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

bing475879749 2009-05-23

打赏
举报



<style>

.bottom_2{ width:933px; background:#b70308; padding:6px;white-space:nowrap;overflow:hidden;}

.bottom_2 img{ width:120px; height:100px; margin:5px 0 15px 21px; display:inline; padding:5px; border:1px solid #000000; background:#FFFFFF;}

</style>

<div class="bottom_2" id="mypic"> 

<a href="/Article/honour/200905/20090514110622.shtml"><img class='pic1' src='/Article/UploadFiles/200905/2009051411064338.jpg'  border='0'></a> 

<a href="/Article/honour/200905/20090514110524.shtml"><img class='pic1' src='/Article/UploadFiles/200905/2009051411060303.jpg'  border='0'></a> 

<a href="/Article/honour/200905/20090514110413.shtml"><img class='pic1' src='/Article/UploadFiles/200905/2009051411044345.jpg'  border='0'></a> 

<a href="/Article/honour/200905/20090514110310.shtml"><img class='pic1' src='/Article/UploadFiles/200905/2009051411034065.jpg'  border='0'></a> 

<a href="/Article/honour/200905/20090514110227.shtml"><img class='pic1' src='/Article/UploadFiles/200905/2009051411025164.jpg'  border='0'></a> 

<a href="/Article/honour/200905/20090514110155.shtml"><img class='pic1' src='/Article/UploadFiles/200905/2009051411021370.jpg'  border='0'></a> 

<a href="/Article/honour/200905/20090514110015.shtml"><img class='pic1' src='/Article/UploadFiles/200905/2009051411004742.jpg'  border='0'></a></div>

<script> 

var oMarquee = document.getElementById("mypic"); //滚动对象

var iLineHeight = 156; //单行高度，像素

var iLineCount = 7; //实际行数

var iScrollAmount = 1; //每次滚动高度，像素

function run() {

oMarquee.scrollLeft += iScrollAmount;

if ( oMarquee.scrollLeft == iLineCount * iLineHeight )

oMarquee.scrollLeft = 0;

if ( oMarquee.scrollLeft % iLineHeight == 0 ) {

window.setTimeout( "run()", 1 );

} else {

window.setTimeout( "run()", 1);

}

}

oMarquee.innerHTML += oMarquee.innerHTML;

window.setTimeout( "run()", 1 );

</script>