找回密码
 立即注册
搜索
总共850条微博

动态微博

查看: 300|回复: 8
打印 上一主题 下一主题
收起左侧

各种滚动条演示与代码(图)

[复制链接]

3293

主题

1万

帖子

19万

积分

跳转到指定楼层
楼主
发表于 2007-11-8 17:50:16 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

各种滚动条演示与代码:


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容

DD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-colorDD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227">
这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 


这里输入内容

 

 

属性设置:

WIDTH: 148;HEIGHT: 146; 根据使用的位置,可调整宽度和高度.

OVERFLOW: scroll; 显示纵横滚动条.上部的演示均属设置为scroll的界面. 但一般都设置为:auto(需要时才显示)
BACKGROUND-COLOR: transparent; 滚动框内部背景颜色.transparent为透明色.其他可使用颜色代码.
 
下面两个演示为设置为:auto时的界面

这里输入内容

 

12345678901234567890123456789012345678901234567890

如果文字或框架内的内容宽度超过框架的宽度时,将自动显示横向滚动条.

color: #FFFFFF; 滚动条各个部位的颜色设置.可以根据自己界面的需求设置颜色.
 
透明滚动条的设置:如下滚动条框架

这里输入内容

 

 


这里输入内容

 

 

设置为透明滚动条很简单. 就是除了SCROLLBAR-ARROW-COLOR之外,其他部分的颜色都设置为背景颜色.
 
使用背景图片:使用不滚动的背景图片也很简单.利用设置了背景图片的
,
<table>内使用滚动条框架就可以.




这里输入内容




 


 
回复

使用道具 举报

117

主题

1462

帖子

1万

积分

沙发
发表于 2007-11-8 18:54:53 | 只看该作者

谢谢BB这么仔细认真,[>:D<][:-*]


  谢谢BB这么仔细认真,




回复 支持 反对

使用道具 举报

592

主题

4929

帖子

5万

积分

板凳
发表于 2007-11-9 03:58:51 | 只看该作者

谢谢bb![:-*][>:D<]


  谢谢bb!




回复 支持 反对

使用道具 举报

436

主题

5642

帖子

4万

积分

地板
发表于 2007-11-9 06:10:08 | 只看该作者

收藏


  收藏




回复 支持 反对

使用道具 举报

3499

主题

8821

帖子

18万

积分

5#
发表于 2007-11-9 06:41:26 | 只看该作者

非常好[:-Q][:-Q][:-Q],一定用![:-K]


  非常好 ,一定用!




回复 支持 反对

使用道具 举报

184

主题

5508

帖子

5万

积分

6#
发表于 2007-11-9 07:02:58 | 只看该作者

[:-Q]


  




回复 支持 反对

使用道具 举报

409

主题

6716

帖子

5万

积分

7#
发表于 2007-11-9 07:24:53 | 只看该作者

回复:各种滚动条演示与代码(图)


谢谢姐姐
谢谢姐姐
谢谢姐姐
谢谢姐姐
谢谢姐姐
谢谢姐姐
谢谢姐姐
谢谢姐姐
谢谢姐姐


 
回复 支持 反对

使用道具 举报

107

主题

1635

帖子

1万

积分

8#
发表于 2007-11-9 10:45:04 | 只看该作者

这还用说赶快装饱私囊[:-K][:-K]


  这还用说赶快装饱私囊




回复 支持 反对

使用道具 举报

24小时热帖
    一周热门
      原创摄影
        美食美文
          您需要登录后才可以回帖 登录 | 立即注册

          本版积分规则

          Archiver|手机版|珍珠湾ART

          Powered by Discuz! X3 © 2001-2013 All Rights Reserved