(求助)图片不断的滚动.... <marquee>无法实现不间断滚动,以前有人写过用<marquee>实现的,但只是重复写入滚动内容,造成不间断滚动的假象。http://www.gl-itc.org上有横向不间断滚动的例子,http://eyun.iecn.net首页有纵向不间断滚动的例子,自己拿代码吧 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://www.thugx.com/viewarticle.asp?file=Marquee 我在里面看到了这段代码下面的<div style="width:580px;height:48px;overflow:hidden"> overflow:hidden 是什么意思呢?<img class="coolAlpha" 这个又是什么意思呢?<div style="width:580px;height:48px;overflow:hidden"> <table width="580" border="0" cellspacing="0" cellpadding="0" id="scrollimg"> <tr> <td id="simg"><img class="coolAlpha" src="index/image/scroll/s1.gif" width="109" height="48"><img class="coolAlpha" src="index/image/scroll/s3.gif" width="115" height="48"><img class="coolAlpha" src="index/image/scroll/s4.gif" width="114" height="48"><img class="coolAlpha" src="index/image/scroll/s5.gif" width="114" height="48"><img class="coolAlpha" src="index/image/scroll/s8.gif" width="128" height="48"> </td> <td id="simg1"></td> </tr> </table> </div> Try..<div id=demo style=overflow:hidden;width:750;align="center"> <table border=0 align=center cellpadding=1 cellspacing="1" cellspace=0 > <tr> <td valign=top bgcolor="ffffff" id=demo1> <table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr align="center"> <td><a href="show.asp?id=1"><img src="csdn.gif" width="87" height="104" hspace="2" border="0" /></a></td> <td><a href="show.asp?id=2"><img src="csdn2.gif" width="87" height="104" hspace="2" border="0" /></a></td> <td><a href="show.asp?id=3"><img src="csdn3.gif" width="87" height="104" hspace="2" border="0" /></a></td> <td><a href="show.asp?id=4"><img src="csdn4.gif" width="87" height="104" hspace="2" border="0" /></a></td> <td><a href="show.asp?id=5"><img src="csdn5.gif" width="87" height="104" hspace="2" border="0" /></a></td> <td><a href="show.asp?id=6"><img src="csdn6.gif" width="87" height="104" hspace="2" border="0" /></a></td> <td><a href="show.asp?id=7"><img src="csdn7.gif" width="87" height="104" hspace="2" border="0" /></a></td> <td><a href="show.asp?id=8"><img src="csdn8.gif" width="87" height="104" hspace="2" border="0" /></a></td> </tr> </table> </td> <td id=demo2 valign=top> </td> </tr> </table> </div></td> </tr> </table> <script> var speed=30 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo.scrollLeft>=demo1.scrollWidth) demo.scrollLeft=0 else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> <img class="coolAlpha" 这只是我为图片的渐隐渐显写的一个htc的class引用,和无间断滚动无关 算了,给你代码。下次提问前请先想起论坛提供了一个叫做“搜索”的功能回复人: xinyunyishui(心云意水) ( ) 信誉:153 2003-12-29 08:29:30Z 得分:100 faint!又是这个……下次先搜索一下ok?<div style="width:452px;height:48px;overflow:hidden"> <table width="452" border="0" cellspacing="0" cellpadding="0" id="scrollimg"> <tr> <td id="simg"> <!--<img class="coolAlpha" src="s1.gif" width="109" height="48"><img class="coolAlpha" src="s3.gif" width="115" height="48"><img class="coolAlpha" src="s4.gif" width="114" height="48"><img class="coolAlpha" src="s5.gif" width="114" height="48"> //--> <!--class="coolAlpha"是特定的css效果,用于htc的,请自行修改(不影响滚动效果)--> <TABLE width="452" border="0"> <tr><td>asdfas ad324 asdf</td></tr> </TABLE> </td> <td id="simg1"></td> </tr></table></div><SCRIPT LANGUAGE="JavaScript">function newsScroll() { if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2)) scrollimg.parentNode.scrollLeft++; else scrollimg.parentNode.scrollLeft=0}function window.onload() { simg1.innerHTML=simg.innerHTML setInterval('newsScroll()',50) }</SCRIPT>可以到http://www.gl-itc.org看效果。 恩,这个链接里能看到我说的“以前有人写过用<marquee>实现的,但只是重复写入滚动内容,造成不间断滚动的假象。”的例子,也有我的代码。自己看着用吧http://expert.csdn.net/Expert/topic/2475/2475006.xml?temp=.4084589 帮忙看一下这个下拉列表的JS代码怎么改 请问这个JS怎么写? 急!!! 高分求一正则表达式 求js的封装问题,dataset 用ajaxupload.js控件上传文件,选择文件时,怎样使浏览框过滤选择文件类型 Jquery如何处理html 关于iframe问题 请高手解决下 谢谢~ 各位大哥快来看看这个简单问题,如何获得列表框中的文本内容?? 好好的一个滚动播出的程序,放到单元格里竟然就不执行了???重金求解!!! 这段哪里有错?(SOS) 小女子 着急,大家帮帮忙!!!!! 下面的javascript怎么在mozilla中运行?
下面的<div style="width:580px;height:48px;overflow:hidden">
overflow:hidden 是什么意思呢?
<img class="coolAlpha" 这个又是什么意思呢?<div style="width:580px;height:48px;overflow:hidden">
<table width="580" border="0" cellspacing="0" cellpadding="0" id="scrollimg">
<tr>
<td id="simg"><img class="coolAlpha" src="index/image/scroll/s1.gif" width="109" height="48"><img class="coolAlpha" src="index/image/scroll/s3.gif" width="115" height="48"><img class="coolAlpha" src="index/image/scroll/s4.gif" width="114" height="48"><img class="coolAlpha" src="index/image/scroll/s5.gif" width="114" height="48"><img class="coolAlpha" src="index/image/scroll/s8.gif" width="128" height="48">
</td>
<td id="simg1"></td>
</tr>
</table>
</div>
<table border=0 align=center cellpadding=1 cellspacing="1" cellspace=0 >
<tr>
<td valign=top bgcolor="ffffff" id=demo1>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td><a href="show.asp?id=1"><img src="csdn.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="show.asp?id=2"><img src="csdn2.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="show.asp?id=3"><img src="csdn3.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="show.asp?id=4"><img src="csdn4.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="show.asp?id=5"><img src="csdn5.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="show.asp?id=6"><img src="csdn6.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="show.asp?id=7"><img src="csdn7.gif" width="87" height="104" hspace="2" border="0" /></a></td>
<td><a href="show.asp?id=8"><img src="csdn8.gif" width="87" height="104" hspace="2" border="0" /></a></td> </tr>
</table>
</td>
<td id=demo2 valign=top>
</td>
</tr>
</table>
</div></td>
</tr>
</table>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollLeft>=demo1.scrollWidth)
demo.scrollLeft=0
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
回复人: xinyunyishui(心云意水) ( ) 信誉:153 2003-12-29 08:29:30Z 得分:100
faint!又是这个……
下次先搜索一下ok?<div style="width:452px;height:48px;overflow:hidden">
<table width="452" border="0" cellspacing="0" cellpadding="0" id="scrollimg">
<tr>
<td id="simg">
<!--<img class="coolAlpha" src="s1.gif" width="109" height="48"><img class="coolAlpha" src="s3.gif" width="115" height="48"><img class="coolAlpha" src="s4.gif" width="114" height="48"><img class="coolAlpha" src="s5.gif" width="114" height="48">
//-->
<!--class="coolAlpha"是特定的css效果,用于htc的,请自行修改(不影响滚动效果)-->
<TABLE width="452" border="0">
<tr><td>asdfas ad324 asdf</td></tr>
</TABLE>
</td>
<td id="simg1"></td>
</tr>
</table>
</div>
<SCRIPT LANGUAGE="JavaScript">
function newsScroll() {
if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
scrollimg.parentNode.scrollLeft++;
else
scrollimg.parentNode.scrollLeft=0
}function window.onload() {
simg1.innerHTML=simg.innerHTML
setInterval('newsScroll()',50)
}
</SCRIPT>可以到http://www.gl-itc.org看效果。
http://expert.csdn.net/Expert/topic/2475/2475006.xml?temp=.4084589