`
- 浏览:
106453 次
- 性别:
- 来自:
上海
-
xml 代码
- 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立体滚动条阴影的颜色
- 以上七个属性设置的值都是颜色值,可以使用样式表定义的各种表达方式。
- 使用以上的样式定义内容,我们可以指定浏览器窗口、多行文本框的滚动条的显示与否和颜色样式,第一组样式属性用于设定被设定对象是否显示滚动条,第二组样式属性则用于设置滚动条的颜色,要注意的本文涉及的样式属性都是ie才能支持的,第二组的样式属性只有ie5.5版本才能支持,所以请大家在调试的时候注意。
- 我们通过几个实例来讲解上述的样式属性:
- 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.设定其他元素时,基本上一样,你最好是在样式表文件中定义好一个类,这样你就可以重复使用了。
- .coolscrollbar
- {
- scrollbar-arrow-color:yellow;
- scrollbar-base-color:lightsalmon;
- }
- 将以上语句加入到样式表文件中或html头部的<style></style>当中,然后使用
- <textarea class="coolscrollbar"></textarea>
-
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
这是一款响应式的带滚动条的jQuery和css3内容手风琴插件。该手风琴插件的每个手风琴项都可以带滚动条,并且它的内容会随屏幕的大小做自适应的调整,效果非常不错。
使用CSS来修饰滚动条 1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-...
使用CSS来修饰滚动条 1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-...
41. jquery拖动滚动条控制图片滚动及图片放大特效的示例 42. jquery旋转式图片切换并带图片放大功能 43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动...
设置滚动条.html 设置滚动条。 框架实例手把手.html 演示框架实例手把手。 第10章(源代码\第10章) 示例描述:本章演示移动字体和图片用法。 移动的基本语法.html 移动的基本语法。 文字的移动方向....
41.jquery拖动滚动条控制图片滚动及图片放大特效的示例 42.jquery旋转式图片切换并带图片放大功能 43.jQuery漂亮网页右上角双层撕角广告代码 44.jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...
4.auto 自动,溢出时自动显示滚动条并且可用 ============================== 9.29 1、边框线 属性:border: 取值: 2、边框倒角 属性:border-radius: 取值: px % 3、边框阴影 属性:box-shadow: 取值: ...
41. jquery拖动滚动条控制图片滚动及图片放大特效的示例 42. jquery旋转式图片切换并带图片放大功能 43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...
41. jquery拖动滚动条控制图片滚动及图片放大特效的示例 42. jquery旋转式图片切换并带图片放大功能 43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...
jquery拖动滚动条控制图片滚动及图片放大特效的示例 jquery旋转式图片切换并带图片放大功能 jQuery漂亮网页右上角双层撕角广告代码 jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例 jQuery...
一个2kb压缩的低级库,可创建具有触摸和键盘支持的自定义滚动条。 这在很大程度上受Bartek Drozdz VirtualScroll实用程序的启发。 请参阅他的以供参考。 特征 可以创建具有不同元素的多个实例作为目标 让您进行实际...
您可以使用CSS进行修饰,使其看起来像您想要的。 看起来好像做的并不多,但这很奇怪。 要进行演示, demo.js在您的(最新版本)浏览器中打开demo.js安装该库内置支持通过RequireJS和Browserify进行加载。 如果您不...
41. jquery拖动滚动条控制图片滚动及图片放大特效的示例 42. jquery旋转式图片切换并带图片放大功能 43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...
基于时下流行的HTML5技术编写而成,演示页面中一共调用了7张图片,为了演示方便,这里让其随滚动条的滚动自动循环显示,这样大家更能清楚的看明白瀑布流的效果。除了实现瀑布流,还加入了CSS5的图片修饰效果,比如...
实例203 全屏显示无边框有滚动条窗口 255 实例204 网页拾色器 257 实例205 日期选择器 259 实例206 弹出全屏显示的网页模式对话框 261 实例207 关闭IE主窗口时不弹出询问对话框 262 实例208 弹出提示对话框并重定向...
实例203 全屏显示无边框有滚动条窗口 255 实例204 网页拾色器 257 实例205 日期选择器 259 实例206 弹出全屏显示的网页模式对话框 261 实例207 关闭IE主窗口时不弹出询问对话框 262 实例208 弹出提示对话框并重定向...
此主题旨在创建集中的编辑体验,并使应用程序更接近Mac OS HIG约定。Minimal Obsidian此主题旨在创建集中的编辑体验,并使应用程序更接近Mac OS HIG约定。...这些包括滚动条,工具提示,状态栏,文件垫
如何保证页面刷新后的滚动条位置 清除网页历史记录,屏蔽后退按钮! 如何传值在2个页面之间 :要求不刷新父页面,并且不能用Querystring传值 Asp.net地址转义(分析)加强版 Web的桌面提醒(Popup) Using the Popup ...
4、style :定义 内联方式方式使用(CSS中) 4、注释 语法:<!-- --> 注意: 1、注释不能嵌套 2、注释不能出现在标记中 3、HTML 文档结构 W3C :Word Wide Web Consortium (万维网联盟) 1、HTML文档的...