如何实现图片不间断向上滚动?

lzr850825 2008-01-12 02:56:45
代码如下:
<marquee scrollamount="2" scrolldelay="100" direction=up onmouseout=this.start() onmouseover=this.stop() height=380>
<table width="125" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#006699">
<tr>
<td width="125" height="38"><div align="center"><img src="images/youqing-1.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-2.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-3.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-4.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-5.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-6.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-7.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-8.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-9.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center">　<img src="images/youqing-10.gif" width="125" height="38"></div></td>
</tr>
</table>
</marquee>
还有,如何实现table细线边框及其颜色的设置?
...全文
1955 10 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
布丁西西 2011-11-16
  • 打赏
  • 举报
 回复
marquee默认就是往左滚动的，什么属性也不用设置，我遇到的问题是marquee中的图片模糊，希望大家支支招，看是怎么回事，下午运行时还是清晰的，晚上就不行了，是不是网页过期的原因？？？？等待中。。。。。
KOBACK 2011-09-23
  • 打赏
  • 举报
 回复
图片不间断向上滚动?你这不是扯蛋吗？你实现不间断了吗？最多只能算重复向上滚动，但绝不是不间断，滚动的时候屁股还带着一大段空白呢！
lzr850825 2008-01-12
  • 打赏
  • 举报
 回复
不在么?有其他人知道的呒?来帮忙回答下~
lzr850825 2008-01-12
  • 打赏
  • 举报
 回复
能不能具体说明啊?
把详细代码附上,按问题一,二回答~先谢拉~
一品梅 2008-01-12
  • 打赏
  • 举报
 回复
如何实现table细线边框及其颜色的设置?
-------------------------------
marquees td{

border 

...



}
tjch 2008-01-12
  • 打赏
  • 举报
 回复
你好，请问有没有水平滚动的或向左不间段滚动的？盼回复!!谢谢!
lzr850825 2008-01-12
  • 打赏
  • 举报
 回复
怎么实现上述代码之后,垂直滚动条在网页下方拉出很大一个空白区域,怎么处理啊?
lzr850825 2008-01-12
  • 打赏
  • 举报
 回复
可以滚动,但有点问题:
问题一:
我的table是放在另外一个table的某行tr(该行为:1*1,也就是只有一个td)的td中,完整代码是:
<tr>
<td height="70" valign="top">


<div id="marquees">
<table width="125" border="0" align="center" cellpadding="0" cellspacing="3" bordercolor="red">
<tr>
<td width="125" height="38"><div align="center"><img src="images/youqing-1.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-2.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-3.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-4.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-5.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-6.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-7.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-8.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center"><img src="images/youqing-9.gif" width="125" height="38"></div></td>
</tr>
<tr>
<td width="125" height="38"> <div align="center">　<img src="images/youqing-10.gif" width="125" height="38"></div></td>
</tr>
</table>
</div>


</td>
</tr>
代码运行后,div层滚动区域不在上述代码的table位置显示,而是在上面所说的某行<tr>的<td>最左上角位置,而且,滚动区域的高度不是所想的380px,
原来的设想是:在table所在位置设置滚动区域,即滚动区域为width:125px height:380px;而且该滚动区域在td中为居中显示.
问题二:table的细线边框好象没有显示啊??颜色好象也没有.是不是还要设置什么标签的属性???
vivianshi 2008-01-12
  • 打赏
  • 举报
 回复
以下是实现的图片不间断向上滚动代码和table细线边框及颜色的设置：


<div id="marquees">
<table width="130" height="615" border="0" cellpadding="0" cellspacing="1" bgcolor="#006699">
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-1.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-2.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-3.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-4.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-5.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-6.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-7.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-8.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> <img src="images/youqing-9.gif" width="125" height="38"> </div></td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"><div align="center"> 　 <img src="images/youqing-10.gif" width="125" height="38" /> </div></td>
</tr>
</table>
</div>
<script language="JavaScript">
marqueesHeight=380;
stopscroll=false;
with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0; currentTop=0;

function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollUp()",80);
}
document.body.onload=init;

function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
vivianshi 2008-01-12
  • 打赏
  • 举报
 回复

下而如何实现table细线边框及颜色的设置：
<marquee scrollamount="2" scrolldelay="100" direction=up onmouseout=this.start() onmouseover=this.stop() height=380>
<table width="130" height="615" border="0" cellpadding="0" cellspacing="1" bgcolor="#006699">
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-1.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-2.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-3.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-4.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-5.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-6.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-7.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-8.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> <img src="images/youqing-9.gif" width="125" height="38"> </div> </td>
</tr>
<tr>
<td width="125" height="38" bgcolor="#FFFFFF"> <div align="center"> 　 <img src="images/youqing-10.gif" width="125" height="38" /> </div> </td>
</tr>
</table>
</marquee>
JS不间断向上滚动
实现JS不间断向上滚动的核心在于利用定时器（setTimeout或setInterval）和DOM操作来更新内容的位置。以下是一些关键知识点： 1. **DOM操作**：JS能够通过Document Object Model (DOM)来操作HTML元素。要实现向上...
JS不间断向上滚动.rar
在网页设计中，"JS不间断向上滚动"通常指的是使用JavaScript实现的一种动态效果，它可以使页面中的内容持续不断地向上滚动，给用户带来一种连续更新的视觉体验。这种效果常用于新闻滚动、公告栏或者社交媒体的实时...
不间断向上滚动代码.rar
在IT领域，JavaScript（简称...总的来说，"不间断向上滚动代码"是JavaScript实现的一种常见网页动画技术，它通过定时滚动内容，提升了用户的浏览体验。理解和运用这种技术，可以提升开发者在网页交互设计上的专业能力。
不间断 滚动图片 滚动文字
- `不间断向上滚动文字.html`: 同理，这个文件则可能是用于展示不间断向上滚动文字的HTML代码示例，其中可能会使用到`<marquee>`标签或者通过JavaScript实现滚动效果。 在实际开发中，为了确保兼容性和性能，...
JS不间断向上滚动无缝隙
JS不间断向上滚动 javascript不间断向上滚动 无缝隙
CSS

61,129

社区成员

60,711

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章