28,406
社区成员
发帖
与我相关
我的任务
分享一个静态页面 做滚动效果
<table width="200" border="1">
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
<tr>
<td>5 </td>
<td>6 </td>
</tr>
<tr>
<td>7 </td>
<td>8 </td>
</tr>
<tr>
<td>9 </td>
<td>10 </td>
</tr>
</table>
我想让每一行都实现向上滚动效果
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
<tr>
<td>5 </td>
<td>6 </td>
</tr>
<tr>
<td>7 </td>
<td>8 </td>
</tr>
<tr>
<td>9 </td>
<td>10 </td>
</tr>
</table>
我想让每一行都实现向上滚动效果
...全文
请发表友善的回复…
发表回复
蒙戈 2009-12-26
- 打赏
- 举报
[Quote=引用 6 楼 uvyo_xieqi 的回复:]
TD里放个样式控制就OK了，STYLE里有个控制滚动条的属性，搞出来就OK，现在不在公司也懒得找了，明天还没结贴我就帮你搞出来哈
[/Quote]
不好意思 昨天没仔细看题，可以这样解决
[code=HTML][/
<table width="200" border="1">
<tr>
<td><marquee DIRECTION="top">1</marquee> </td>
<td><marquee DIRECTION="top">2</marquee> </td> <!--以下每个<td>都加上就应该行了，没测试，呵呵 -->
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
<tr>
<td>5 </td>
<td>6 </td>
</tr>
<tr>
<td>7 </td>
<td>8 </td>
</tr>
<tr>
<td>9 </td>
<td>10 </td>
</tr>
</table>
code]
TD里放个样式控制就OK了，STYLE里有个控制滚动条的属性，搞出来就OK，现在不在公司也懒得找了，明天还没结贴我就帮你搞出来哈
[/Quote]
不好意思 昨天没仔细看题，可以这样解决
[code=HTML][/
<table width="200" border="1">
<tr>
<td><marquee DIRECTION="top">1</marquee> </td>
<td><marquee DIRECTION="top">2</marquee> </td> <!--以下每个<td>都加上就应该行了，没测试，呵呵 -->
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
<tr>
<td>5 </td>
<td>6 </td>
</tr>
<tr>
<td>7 </td>
<td>8 </td>
</tr>
<tr>
<td>9 </td>
<td>10 </td>
</tr>
</table>
code]
蒙戈 2009-12-25
- 打赏
- 举报
TD里放个样式控制就OK了，STYLE里有个控制滚动条的属性，搞出来就OK，现在不在公司也懒得找了，明天还没结贴我就帮你搞出来哈
lhz_dxm 2009-12-25
- 打赏
- 举报
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
var y = 500;
function aa() {
var a = document.getElementById("bb");
y-=10;
a.style.top = y;
if (y<0) {
y = 500;
}
setTimeout("aa()",100);
}
</script>
</head>
<body onload="aa();">
<form id="form1" runat="server">
<table width="200" border="1" id="bb" style=" top:500px; position:absolute;">
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
<tr>
<td>5 </td>
<td>6 </td>
</tr>
<tr>
<td>7 </td>
<td>8 </td>
</tr>
<tr>
<td>9 </td>
<td>10 </td>
</tr>
</table>
</form>
</body>
</html>
<head runat="server">
<title></title>
<script type="text/javascript">
var y = 500;
function aa() {
var a = document.getElementById("bb");
y-=10;
a.style.top = y;
if (y<0) {
y = 500;
}
setTimeout("aa()",100);
}
</script>
</head>
<body onload="aa();">
<form id="form1" runat="server">
<table width="200" border="1" id="bb" style=" top:500px; position:absolute;">
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
<tr>
<td>5 </td>
<td>6 </td>
</tr>
<tr>
<td>7 </td>
<td>8 </td>
</tr>
<tr>
<td>9 </td>
<td>10 </td>
</tr>
</table>
</form>
</body>
</html>
cfesc9 2009-12-25
- 打赏
- 举报
一个页面上的每一行都在动，这样的页面好看吗
Msxindl_Com 2009-12-23
- 打赏
- 举报
给表格加个ID就行了.
<table width="200" border="1" id="tb1">
JS改成: var s = document.getElementById('tb1').getElementsByTagName('td');
<table width="200" border="1" id="tb1">
JS改成: var s = document.getElementById('tb1').getElementsByTagName('td');
crospo 2009-12-22
- 打赏
- 举报
这样虽然好 但是 我其他表格里数据也动起来
好像不太好
好像不太好
ggwk 2009-12-22
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT>
window.onload = function(){
var s = document.getElementsByTagName('td');
for(var i=0;i<s.length;i++){
s[i].innerHTML = '<marquee height="20px" direction="up" Loop="-1">'+s[i].innerHTML+'</marquee>';
}
}
</SCRIPT>
</HEAD>
<BODY>
<table width="200" border="1">
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
<tr>
<td>5 </td>
<td>6 </td>
</tr>
<tr>
<td>7 </td>
<td>8 </td>
</tr>
<tr>
<td>9 </td>
<td>10 </td>
</tr>
</table>
</BODY>
</HTML>
