|
|
主题: 这个滚动条不错
|
aquadead
职务：普通成员
等级：2
金币：1.0
发贴：589
注册：2002/4/20 18:34:05
|
#12002/5/15 16:52:01
编辑历史:[这消息被ridincal编辑过(编辑时间2002-05-16 10:54:59)]
|
=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
注册：2004/1/13 11:47:04
|
#22002/5/15 16:58:24
嗯，不错！一个比较典型的图形滚动条例子。+2分！
设置body的scroll=no，然后用自制的图形滚动条替代。
编辑历史:[这消息被ridincal编辑过(编辑时间2002-05-15 18:33:51)]
|
huoshan
职务：普通成员
等级：1
金币：0.0
发贴：71
注册：2001/12/8 9:00:42
|
#32002/5/15 23:26:39
能否具体点，滚动条代码各部分怎么换成图片？
|
=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
注册：2004/1/13 11:47:04
|
#42002/5/16 10:54:36
主要原理如下： 1.设置body的scroll=no，禁用窗口滚动条； 2.添加一个id为main的层，这个层覆盖整个客户区所有的页面的内容写入这个层中； 3.添加两个层（不在main中），分别利用样式margin:0;padding:0;border:0;position:absolute;right:0;width:12pt;bottom:0;height:12pt;和margin:0;padding:0;border:0;position:absolute;bottom:0;width:100%;height:12pt;定位于窗口的最右段和最底部； 4.向层中添加滚动条背景、滑快、上下（左右）箭头的图片，为图片定义onmousedown事件的响应函数； 5.依次处理onmousedown—onmousemove—onmouseup三个事件，同时通过判断滑快的位置和main层的高度和宽度设置main层的pixelTop和pixelLeft属性； JS代码在： go3.163.com/kingofw/scrollbar/scroll.js有兴趣自己研究。
|
顺子
职务：普通成员
等级：4
金币：10.0
发贴：1867
注册：2000/10/14 21:55:00
|
#52002/5/16 11:33:29
这个效果好像在电脑报上面介绍过，不过好像没有这么复杂
|
=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
注册：2004/1/13 11:47:04
|
#62002/5/16 11:38:08
是吗？还有比这简单的办法吗？贴出来看看。（好的话，加分哟  ）
编辑历史:[这消息被ridincal编辑过(编辑时间2002-05-16 11:38:54)]
|
Sync
职务：普通成员
等级：2
金币：2.5
发贴：624
注册：2002/5/4 10:50:49
|
#72002/6/22 17:10:26
1号工作室有介绍，图片必须自己做，或者是别人的。。。。。
大家好
|
龚子哥
职务：普通成员
等级：1
金币：0.0
发贴：138
注册：2001/11/20 13:07:39
|
#82002/6/22 21:26:26
好象对三键鼠标滚动没反应……
|
sober
职务：普通成员
等级：1
金币：0.0
发贴：4
注册：2002/3/14 13:39:41
|
#92002/6/26 22:10:31
文件太大！◎
|
