用JavaScript如何控制一个表格向左向右滚屏

beret 2002-10-25 10:26:09
如何利用两个图片分别控制页面中的一个表格向左向右滚屏。类似于以下网站:http://www.my-ds.com/production.htm 的效果,我想做一个向左向右移动的。请问应该怎么做,谢谢!!
...全文
73 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
烂笔头Danky 2002-10-30
  • 打赏
  • 举报
回复
还有种比较常用的方法是在表格中嵌入一个框架,这样的效果在很多网站都有,你自己所说的那个应该也是这样做(没有看过源码,所以不能肯定),你自己看看源码就可以了,原理都是一样的!
seabell 2002-10-30
  • 打赏
  • 举报
回复
<style>
#main {
height: 100%;
overflow: hidden;
padding: 0px;
}
.scrollarrow {
font-family: Webdings;
color: blue;
text-align: center;
cursor: hand;
}
</style>
<script>
var scrollspeed=20;
var currentleft=1;
function divscroll(flag)
{
if(flag=="right")
{
currentleft=main.scrollLeft;
main.scrollLeft+=scrollspeed;
}
else
{
main.scrollLeft-=scrollspeed;
currentleft=main.scrollLeft;
}
}

</script>
<div id=arrowleft class=scrollarrow style="position:absolute; left: 10; bottom: 10; z-index: 4; overflow: hidden;background: transparent; cursor:hand" onclick=divscroll("left")>7</div>
<div id=arrowright class=scrollarrow style="position:absolute; right: 10; bottom: 10; z-index: 4; overflow: hidden;background: transparent; cursor:hand" onclick=divscroll("right")>8</div>

<div id=main style="width:100">
<table>
<tr><td>bayern1</td><td>bayern2</td><td>bayern3</td><td>bayern4</td><td>bayern5</td><td>bayern6</td></tr>
<tr><td>bayern1</td><td>bayern2</td><td>bayern3</td><td>bayern4</td><td>bayern5</td><td>bayern6</td></tr>
<tr><td>bayern1</td><td>bayern2</td><td>bayern3</td><td>bayern4</td><td>bayern5</td><td>bayern6</td></tr>
</talbe>
</div>
wind0209 2002-10-30
  • 打赏
  • 举报
回复
不过空间不好,有的时候打不开。red23@etang.com
wind0209 2002-10-30
  • 打赏
  • 举报
回复
windshow.6to23.com
看源代码:)。
beret 2002-10-30
  • 打赏
  • 举报
回复
再顶!!!!!
潇洒 2002-10-30
  • 打赏
  • 举报
回复
呵呵.... 说倒底也主要是那个 scrollLeft 而已. :)
其他的没什么难度啊?
beret 2002-10-25
  • 打赏
  • 举报
回复
有人回答吗??希望能详细解答。。谢谢!!

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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