28,390
社区成员
发帖
与我相关
我的任务
分享关于marquee使用问题。。
我用marquee实现产品的图片移动。。
但是我把图片设置成从右边向左边移动，
但图片刚开始从右边向左边移动时，前面是空的。
所以觉得不好看。。
这个空怎么处理才好。。
最好能不能图片1开始显示情况下开始移动。。？？？
请高手们指点。。
但是我把图片设置成从右边向左边移动，
但图片刚开始从右边向左边移动时，前面是空的。
所以觉得不好看。。
这个空怎么处理才好。。
最好能不能图片1开始显示情况下开始移动。。？？？
请高手们指点。。
...全文
请发表友善的回复…
发表回复
超级大笨狼 2003-11-23
- 打赏
- 举报
模拟连续marquee
www.adr.gov.cn/6p/try.asp
下载：www.adr.gov.cn/download/6p.rar
www.adr.gov.cn/6p/try.asp
下载：www.adr.gov.cn/download/6p.rar
possible_Y 2003-08-30
- 打赏
- 举报
<html>
<head>
<SCRIPT LANGUAGE=javascript>
<!--
function test(){
try{
var str=marStr.innerText;
var intLen1=str.length;
var intLen2=marStr.offsetWidth;
var j=intLen2/intLen1;
var strTemp=marStr.innerHTML;
if(j>1){
for(i=0;i<j;i++)
strTemp+=" "+marStr.innerHTML;
}
marStr.innerHTML=strTemp;}
catch(e){}
}
//-->
</SCRIPT>
</head>
<body onload=test()>
<marquee behavior="SCROLL" id="marStr" height="150" width="100" loop="-1" truespeed onMouseOver="this.stop();" onMouseOut="this.start();">你好啊！</marquee>
</body>
</html>
<head>
<SCRIPT LANGUAGE=javascript>
<!--
function test(){
try{
var str=marStr.innerText;
var intLen1=str.length;
var intLen2=marStr.offsetWidth;
var j=intLen2/intLen1;
var strTemp=marStr.innerHTML;
if(j>1){
for(i=0;i<j;i++)
strTemp+=" "+marStr.innerHTML;
}
marStr.innerHTML=strTemp;}
catch(e){}
}
//-->
</SCRIPT>
</head>
<body onload=test()>
<marquee behavior="SCROLL" id="marStr" height="150" width="100" loop="-1" truespeed onMouseOver="this.stop();" onMouseOut="this.start();">你好啊！</marquee>
</body>
</html>
Brookes 2003-08-30
- 打赏
- 举报
marquee就是这种工作机制，如果你想实现连续滚动效果，可以参考：
<div id="c_div" style="width:360;height:146;background:#f4f4f4;overflow:hidden;border:1 solid #cccccc"><span id="c_span" style="position:relative;left:0;display:none"><nobr><script>for(I=0;I<10;I++)document.write("<img src=\"http://www.1000script.com/forum/pic/forumlogo.gif\">")</script></nobr></span></div>
<input type="button" value="检测内嵌层宽度" onclick="alert(c_span.offsetWidth)">
<input type="button" value="检测内嵌层位置" onclick="alert(c_span.style.pixelLeft)">
<input type="button" value="滚动" onclick="go()">
<script language="Jscript">
window.onload=function(){
c_span.style.display="";
}
function go(){
event.srcElement.onclick=new Function();
setInterval("if(c_span.style.pixelLeft==-(c_span.offsetWidth-c_div.style.pixelWidth)){c_span.style.pixelLeft=0}else{c_span.style.pixelLeft-=4}",20);
}
</script>
<div id="c_div" style="width:360;height:146;background:#f4f4f4;overflow:hidden;border:1 solid #cccccc"><span id="c_span" style="position:relative;left:0;display:none"><nobr><script>for(I=0;I<10;I++)document.write("<img src=\"http://www.1000script.com/forum/pic/forumlogo.gif\">")</script></nobr></span></div>
<input type="button" value="检测内嵌层宽度" onclick="alert(c_span.offsetWidth)">
<input type="button" value="检测内嵌层位置" onclick="alert(c_span.style.pixelLeft)">
<input type="button" value="滚动" onclick="go()">
<script language="Jscript">
window.onload=function(){
c_span.style.display="";
}
function go(){
event.srcElement.onclick=new Function();
setInterval("if(c_span.style.pixelLeft==-(c_span.offsetWidth-c_div.style.pixelWidth)){c_span.style.pixelLeft=0}else{c_span.style.pixelLeft-=4}",20);
}
</script>
