<marquee>无法实现不间断滚动,以前有人写过用<marquee>实现的,但只是重复写入滚动内容,造成不间断滚动的假象。
http://www.gl-itc.org上有横向不间断滚动的例子,http://eyun.iecn.net首页有纵向不间断滚动的例子,自己拿代码吧
http://www.gl-itc.org上有横向不间断滚动的例子,http://eyun.iecn.net首页有纵向不间断滚动的例子,自己拿代码吧
解决方案 »
- 使用jquery validate的时候无法触发 鼠标离开的时候进行验证?我设置了onfocusout为true.但是还是不行 。求教
- 大家都是在什么系统下面开发的?
- juqery hover做的菜单延时问题
- 好难哦,javascript与vbscript好多函数都没的啊?谁帮我反成VBSCRIPT的啊谢谢啦.!!
- svg中js的问题。
- 怎么能让浏览器后退按钮失效?
- 求一正则表达式
- 请问如果设计要求是用面向过程编程,那我还能不能用对象直接量了或是命名空间了?
- 求javascript的数组声明,赋值,及一些函数?
- 100分,动态生成html中插入一个li标签问题
- 小女子 着急,大家帮帮忙!!!!!
- 下面的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