如何在表格里设置滚动条？？？ - Dreamweaver及网页制作 - 5D互动论坛 - 五维多媒体

您还没有登录,现在登录 | 注册5D通行证

5D 博客新控制面板,操作更简单!

首页

资讯

作品

教程

博客

论坛

论坛首页规章制度搜索帮助

» 互动论坛 » Dreamweaver及网页制作 » 如何在表格里设置滚动条？？？

发起主题

回复主题

跳转到：

每页显示15条 1/1<<<1>>

	主题: 如何在表格里设置滚动条？？？
元始天尊职务：版主等级：5 金币：28.0 发贴：2387	引用 #12004/5/8 13:03:02 我在dreamweaver的表格里要放很多文字，但是不想占用很大地方，就想如果在表格里有滚动条的话就方便了哪位大侠帮帮我了！！！谢谢！
红叶舞香山职务：普通成员等级：1 金币：1.1 发贴：269	引用 #22004/5/8 13:13:58 把下面的代码加入你的页面中看看是不是你想要的效果... 注意是全部都要复制.. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>滚动演示</title> <style type="text/css"> #divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right} #divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right} #divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden} #divContent{position:absolute; top:0; left:0} </style> <script language="JavaScript">// begin absolutely positioned scrollable area object scripts // Extension developed by David G. Miles // Original Scrollable Area code developed by Thomas Brattli function verifyCompatibleBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 \|\| this.ie4 \|\| this.ns4 \|\| this.ns5) return this } bw=new verifyCompatibleBrowser() var speed=50 var loop, timer function ConstructObject(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight this.up=MoveAreaUp;this.down=MoveAreaDown; this.MoveArea=MoveArea; this.x; this.y; this.obj = obj + "Object" eval(this.obj + "=this") return this } function MoveArea(x,y){ this.x=x;this.y=y this.css.left=this.x this.css.top=this.y } function MoveAreaDown(move){ if(this.y>-this.scrollHeight+objContainer.clipHeight){ this.MoveArea(0,this.y-move) if(loop) setTimeout(this.obj+".down("+move+")",speed) } } function MoveAreaUp(move){ if(this.y<0){ this.MoveArea(0,this.y-move) if(loop) setTimeout(this.obj+".up("+move+")",speed) } } function PerformScroll(speed){ if(initialised){ loop=true; if(speed>0) objScroller.down(speed) else objScroller.up(speed) } } function CeaseScroll(){ loop=false if(timer) clearTimeout(timer) } var initialised; function InitialiseScrollableArea(){ objContainer=new ConstructObject('divContainer') objScroller=new ConstructObject('divContent','divContainer') objScroller.MoveArea(0,0) objContainer.css.visibility='visible' initialised=true; } // end absolutely positioned scrollable area object scripts </script> </head> <body onLoad="InitialiseScrollableArea()"> <!-- begin absolutely positioned scrollable area object--> <div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()">[scroll up]</a> </div> <div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()">[scroll down]</a> </div> <div id="divContainer"> <div id="divContent"> <b>1??ˉ?aê???óò</b> <p> www.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.com</p> <p>www.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.com</p> <p>www.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.com</p> <p>Et www.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.comwww.sky-xp.com</p> <b>1??ˉ?áê???óò</b> </div> </div> <!-- end absolutely positioned scrollable area object --> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 编辑历史:[此帖最近一次被 allinhands 编辑过(编辑时间:2004-05-08 13:36:44)]
缺缺职务：管理员等级：8 金币：41.0 发贴：9620	引用 #32004/5/8 13:29:53 <SPAN style="OVERFLOW-Y: auto; WIDTH: 300px;border:1px solid #EEEEEE;background-color:#f2f2f2;padding:3px;font-family:Verdana;font-size:11px; HEIGHT: 50px"> 欢迎光临网罗天下工作室 www.sky-xp.com 固定QQ计算机专题讨论群:1736417.当然我的水平不高还请大家多多谅解... 联系QQ:2499559 极品网址收藏大全... 总有一天我会让看不起我的人后悔...</SPAN> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 编辑历史:[此帖最近一次被 allinhands 编辑过(编辑时间:2004-05-08 13:37:37)]
元始天尊职务：版主等级：5 金币：28.0 发贴：2387	引用 #42004/5/8 15:08:25 那我怎么才能改变滚动条的颜色和样式呢？比如说我要一个很窄的而且不要他那种默认的立体效果的条呢？谢谢你们的帮助！真的很感谢！谢谢！！！！
红叶舞香山职务：普通成员等级：1 金币：1.1 发贴：269	引用 #52004/5/8 18:24:25 <style> BODY {SCROLLBAR-FACE-COLOR: #FF0000; SCROLLBAR-HIGHLIGHT-COLOR: #FF0000; SCROLLBAR-SHADOW-COLOR: #00CC99; SCROLLBAR-3DLIGHT-COLOR: #333366; SCROLLBAR-ARROW-COLOR: #00FFFF; SCROLLBAR-TRACK-COLOR: #33FF66; SCROLLBAR-DARKSHADOW-COLOR: #FF33CC; } </style> 你要的是不是这种效果... 注意要加入到你的页面<body></body>中..

每页显示15条 1/1<<<1>>

在回复主题:如何在表格里设置滚动条？？？

正文：

下划线

文本颜色

插入链接

建立Google搜索链接

插入图片

引用文本

骄傲的笑

什么?

smile

frown

redface

biggrin

wink

rolleyes

mad

eek

禁止笑脸转换

提示：按 Ctrl+Enter 快速提交

关于我们 | 免责声明 | 合作联系 | 版权信息 | 友情链接 | ICP许可证:浙ICP备05007613号
©1999-2008 5D.cn. 版权所有

百度大联盟认证绿色会员