哈哈 学习的过程中遇到了需要滚动的问题 图片啊 文字啊 但是大多数时候用<maque……让人感觉不爽
然后看到CSDN上的项交易的无缝隙滚屏 于是借来用了用 哈哈
<body>
<form id="formImages" runat="server">
<div>
<ul id="scroll" >
<%=ImageStr % > </ul>
</div>
<script type="text/javascript" language="javascript">
var con=document.getElementById("scroll");
var items=con.getElementsByTagName("li");
var lineNum=items.length;
var str=con.innerHTML;
con.innerHTML=str+str;
var timer1;
var timer2;
var line_height=items[0].offsetHeight;
var step=0;
var cstep=0;
var bplay=false;
function startScroll(){
timer1=setInterval("doScroll()",10);
}
function doScroll(){
window.scrollBy(0,1);
step++;
if(step>=line_height) {
clearInterval(timer1);
step=0
cstep++;
if(cstep>=lineNum){
cstep=0;
window.scrollTo(0,0);
}
}
}
function Stop(){
bplay=false;
clearInterval(timer2);
}
function Start(){
if(bplay)return;
bplay=true;
timer2=setInterval("startScroll()",6000);
}
Start();
</script>
</form>
</body>
后台中
<%=ImageStr % > <!--这个数据在后台代码中绑定的UL中以li为单元行存放数据<DIV>UL id=scrollCon>li></li></UL></DIV>-->
然后其他页面将上面的页面iframe了
<iframe
id="FlashmainShow" name="FLMainShow"
src="Common/ImagesScroll.aspx" frameborder="0" scrolling="no" style="width: 100%; height: 250px"
></iframe>
这样就实现了无缝隙滚动屏