设置自己个性的网页滚动条附详细介绍 -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

设置自己个性的网页滚动条附详细介绍

http://free.2259.com/jscode.asp 2008/6/9 20:51:30 深山行者字体:大中小浏览 8426

以下为详细代码

设置自己个性的网页滚动条附详细介绍
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色

我们通过几个实例来讲解上述的样式属性：
1.让浏览器窗口永远都不出现滚动条没有水平滚动条
<body style="overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden">
没有滚动条
<body style="overflow-x:hidden;overflow-y:hidden">或<body 
style="overflow:hidden">

2.设定多行文本框的滚动条没有水平滚动条
<textarea style="overflow-x:hidden"></textarea>

没有垂直滚动条
<textarea style="overflow-y:hidden"></textarea>

没有滚动条
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden"></textarea>

3.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red">
scrollbar-base-color设定的是基本色，一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果：
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

4.在样式表文件中定义好一个类，调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用：
<textarea class="coolscrollbar"></textarea>

前一页:在网页上禁止鼠标右键的方法(1)

后一页:一个非常实用的当你在关闭任何窗口时都作出提示[推荐]

相关阅读: 13种样式检测QQ是否在线的代码; 福建省武夷山旅行社官方网站; 网页制作中注意应用HTML标签的问题; asp防止access数据库被下载破解; 加长增高对话框与文本框; kiss草原旅游网站; 利用CSS制作的网站中新闻文章列表效果; 汽车交易网站

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery下拉到某个固定位置然后某些元素发生改变样式状态; canvas绘制的文字如何换行; 兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）; js兼容多个浏览器右下角漂浮广告; 兼容ie6+和火狐的禁止右键; 做在线客服时，聊天窗口的div滚动条始终在底部

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 利用CSS中的Clip属性来创造各种多彩的文字; 利用ASP正则查找文章里面的图片，然后在新窗口打开; 连云港市海州区培智学校; 盐城市航空假日旅行社有限公司; 初学ASP动态网页制作常用错误处理; 移动层，并且保存各个层的位置，可以方便的制作成为一个动态的页面

更多标签热门标签

高度边框网页利用position把div放在flash上压缩采集 DIV+CSS做的透明菜单兼容IE、FF等透明 innerText 虚拟浮动对象全选混合 PSD 预览脚本容器爱国 shift 舒服换行格式化 IE8 qq right 工作室规则 Alpha 管理系统计算思考优化下划线 FireFox radio rad 固定下载十字时间浮动首页计划 input DropShadow asp 读取防止上下左右 lightbox 项目