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

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

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

以下为详细代码

设置自己个性的网页滚动条附详细介绍
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)

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

相关阅读: 点出窗口，选择类别; asp许愿墙程序终于设计得差不多了，现在开放; 连云港红发廊; 连云港天天美食网; 利用javascript鼠标经过表格，行与列变色; 一个可以用来思考的故事，非常不错; flash利用as调用执行外部设置的exe文件; 深山旅行社网站管理系统5.0发布

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 非常酷的javascript实现万年历功能; 华东宾馆网站; 旅行社手机网站默认模板; 超级实用且不花哨的js代码大全( 8 ); ASP实现不打开直接下载txt,jpg...类文件; 01. windows xp 安装iis视频教程

更多标签热门标签

asp label 叛断数据 flash 透明 tab 灰色留言板 V3.1 多选 div CSS 样式缓冲 open 按钮 slectindext 容器右击失效 Response 脚本 css imprt 斜线防止竖排自适应高度右击 asp.net 思考九宫格 em 站长忧化过滤对联链接样式无限滑过程序电影代码 css 购物选项翻页颜色深山行者V1.2旅行社网站管理系统定律定位 visite 背景