小技巧让你轻松Diy你的网页滚动条

2016-02-19 17:31 22 1 收藏

下面是个简单易学的小技巧让你轻松Diy你的网页滚动条教程，图老师小编详细图解介绍包你轻松学会，喜欢的朋友赶紧get起来吧！

【 tulaoshi.com - Web开发】

　　在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的，而是漂亮的红色或其它颜色，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？

　　网页滚动条代码及其解释如下：（复制时请将大写尖括号改为小写）

　　＜Style type="text/css"＞　　＜!--　　Body {　　scrollbar-face-color:#C0C0C0; （表面）　　scrollbar-highlight-color:#FFFFFF;（亮边）　　scrollbar-3dlight-color:#C0C0C0;（3D亮边）　　scrollbar-darkshadow-color:#000000; （3D暗边）　　scrollbar-Shadow-color:#808080;（阴影）　　scrollbar-arrow-color:#000000; （箭头）　　scrollbar-track-color:#E0E0E0;（滚动区）　　}　　--＞　　＜/Style＞

　　以上的代码，从Body以下的，凡是#号后面的，都是颜色代码，颜色代码为16进制。而括号内的文字是对左边代码的注释，在加入网页代码时不要输入。这样一来，你就可以DIY自己的网页滚动条了。

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

上一篇：网页设计配色应用实例剖析之红色系讲解
下一篇： Oracle 9i 事务处理

看过《小技巧让你轻松Diy你的网页滚动条》的人还看了以下文章更多>>

DIV滚动条随机位置的设置技巧

标签： Web开发

刚才一个朋友告诉我他的blog友情链接太多了，所以把所有链接放到一个DIV中，加了个滚动条，可是他又不想每次别人来看，看到的都是前面几个链接，于是问我有没有什么办法，想了一个，呵呵，正好有个办法 style后面用于限定DIV样式并加滚动条，这个不多说关键的地方其实很简单，最后两行Javascript就是了，起作用的只有最后一行： obj.scrol...

MooTools教程(15):滚动条(Slider)

标签： Web开发

到现在为止，初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条（Slider）没有任何不同，你要创建一个新的滚动条，定义滚动条和滑块相关的元素，然后设置你的选项，再创建一些回调事件的控制函数。尽管滚动条（Slider）遵循这个熟悉的模式，但是任然还有一点特殊的地方。基本用法创建一个新的滚动条（Slider）对象我们首先从HTML...

Jquery iframe内部出滚动条

标签： 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);

ScrollView滚动条颜色的设置方法

标签：编程语言网络编程

很多开发者在做Android UI时不知道如何设置ScrollView滚动条控件的滑块颜色，其实通过ScrollView的xml布局属性android:scrollbarThumbVertical可以关联一个drawable对象，比如说在ScrollView中我们有 android:scrollbars="vertical" //滚动条是垂直的 android:scrollbarThumbVertical="@drawable/red" //垂直滚动条颜色为red，red可以是一个png...

CSS代码:控制IE滚动条