滚动条CSS样式详细说明

2016-02-19 17:03 5 1 收藏

下面是个简单易学的滚动条CSS样式详细说明教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

SCROLLBAR-FACE-COLOR:#f5f5f5;
SCROLLBAR-HIGHLIGHT-COLOR:#f5f5f5;
SCROLLBAR-SHADOW-COLOR:#b2b2b2;
SCROLLBAR-3DLIGHT-COLOR:#b2b2b2;
SCROLLBAR-ARROW-COLOR:#3e3e3e;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;
SCROLLBAR-BASE-COLOR:#f5f5f5;

来源:http://www.tulaoshi.com/n/20160219/1613988.html

延伸阅读
标签: Web开发
    1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-...
标签: Web开发
    在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢?      网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写) 以下是引用片段: <Style type="text/css">  <!--...
标签: Web开发
到现在为止,初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条(Slider)没有任何不同,你要创建一个新的滚动条,定义滚动条和滑块相关的元素,然后设置你的选项,再创建一些回调事件的控制函数。尽管滚动条(Slider)遵循这个熟悉的模式,但是任然还有一点特殊的地方。 基本用法创建一个新的滚动条(Slider)对象 我们首先从HTML...
标签: Web开发
代码如下: //调用函数 var pagestyle = function() { var rframe = $("#mainFrame"); //ie7默认情况下会有上下滚动条,去掉上下15像素 var h = $(window).height() - rframe.offset().top - 15; rframe.height(h); } //注册加载事件 $("#mainFrame").load(pagestyle); //注册窗体改变大小事件 $(window).resize(pagestyle);
标签: Web开发
events=[];for(o in O=obj.currentStyle)events.push(o+'='+O[o])  这里输入代码内容 0 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经验教程

663

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部