社区
JavaScript
帖子详情
用JavaScript如何控制一个表格向左向右滚屏
beret
2002-10-25 10:26:09
如何利用两个图片分别控制页面中的一个表格向左向右滚屏。类似于以下网站:http://www.my-ds.com/production.htm 的效果,我想做一个向左向右移动的。请问应该怎么做,谢谢!!
...全文
73
7
打赏
收藏
用JavaScript如何控制一个表格向左向右滚屏
如何利用两个图片分别控制页面中的一个表格向左向右滚屏。类似于以下网站:http://www.my-ds.com/production.htm 的效果,我想做一个向左向右移动的。请问应该怎么做,谢谢!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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
打赏
举报
回复
有人回答吗??希望能详细解答。。谢谢!!
LED大屏播放中
表格
内容超长自动滚动
在描述中提到的“LED大屏播放中
表格
内容超长自动滚动”是
一个
功能特性,它解决了在有限的屏幕空间内展示大量文本信息的问题。 首先,我们要理解“
表格
内容滚动”的概念。在传统的静态显示中,如果
表格
单元格中的...
JavaScript
网页特效范例宝典源码
实例282 文字从右向左依次弹出 443 实例283 文字从中间向两边展开 445 实例284 文字跑马灯特效 447 实例285 文字依次显示后快速收缩 449 实例286 文字的展开与收缩 451 实例287 状态栏中的文字依次弹出 452 10.2 ...
js实现文字跑马灯效果
也可以增加滚动方向的
控制
,允许文本从右向左滚动,或反之。不过,核心的实现原理是类似的,都是通过CSS
控制
显示样式,
JavaScript
控制
动态滚动效果。 通过上述内容,我们可以看到,实现
一个
基本的跑马灯效果并不...
html自动发消息,一种自适应HTML
滚屏
展示实时信息的方法与流程
本发明涉及一种自适应HTML
滚屏
展示实时信息的方法。属于网页设计技术领域。背景技术:在展示性的网页中,往往需要用到文字滚动的方法来展示实时信息,也可以是移动图片、
表格
,甚至小视频。简单的页面自动滚动效果,...
JavaScript
87,996
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章