- 浏览: 113648 次
- 性别:
- 来自: 深圳
文章分类
DEMO:
说明:
scrollbar-arrow-color: color; /*三角箭头的颜色*/
scrollbar-face-color: color; /*立体滚动条的颜色(包括箭头部分的背景色)*/
scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: color; /*滚动条的高亮颜色(左阴影?)*/
scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: color; /*立体滚动条背景颜色*/
scrollbar-base-color: color; /*滚动条的基色*/
body{ SCROLLBAR-FACE-COLOR:#D8E3F2; /*滚动条颜色*/ SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; /*2d亮部*/ SCROLLBAR-3DLIGHT-COLOR:#99B4D1; /*3d亮部*/ SCROLLBAR-SHADOW-COLOR:#99B4D1; /*滚动条阴影*/ SCROLLBAR-ARROW-COLOR:#99B4D1;/*箭头颜色*/ SCROLLBAR-TRACK-COLOR:#99B4D1;/*拖动区颜色*/ SCROLLBAR-DARKSHADOW-COLOR:#99B4D1; }
说明:
scrollbar-arrow-color: color; /*三角箭头的颜色*/
scrollbar-face-color: color; /*立体滚动条的颜色(包括箭头部分的背景色)*/
scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: color; /*滚动条的高亮颜色(左阴影?)*/
scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: color; /*立体滚动条背景颜色*/
scrollbar-base-color: color; /*滚动条的基色*/
发表评论
-
CSS雪碧图demo(含雪碧代码)
2016-06-12 21:09 719css雪碧图demo效果图,含hover,代码附件下载sp ... -
easyui subgrid 多层子表格参考
2015-08-11 14:25 825参考回帖代码 http://bbs.csdn.net/topi ... -
鼠标拖拽DIV效果
2015-03-31 18:09 481代码效果-鼠标点击DIV,可以任意拖拽DIV <! ... -
css控制文本自动换行
2015-03-20 14:34 557http://wenku.baidu.com/link?ur ... -
js表单提交
2014-05-09 17:07 607js 表单提交 <html> <he ... -
滚动条样式
2014-05-06 20:53 293参考资料: http://manos.malihu.gr/t ... -
原生JavaScript技巧大收集100(上)
2013-12-30 19:53 395原生JavaScript技巧大收集,JavaScipt初学的各 ... -
编写jquery插件中的闭包demo
2013-12-18 16:43 2321demo中的代码,需要jquery库文件支持 //闭包特性 ... -
怎样让一个div高度自适应浏览器
2013-12-18 09:33 508网页中需要同时设置如下代码 html,body{heigh ... -
jquery框架学习
2013-12-10 09:27 367http://developer.51cto.com/art/ ... -
用JS的eval解析JSON中的注意点
2013-07-18 22:43 947eval 方法 将其中的参数 ... -
鼠标hover悬停事件
2013-07-16 16:50 822<title>鼠标hover悬停事件< ... -
json数据结构
2013-06-06 16:42 566<script> //=====1===== ... -
JS函数-接收任意个参数
2013-06-06 09:28 2237<script> //可以接收任意多个参数 ... -
EXTJS3.0中文帮助文档
2013-06-05 19:38 804EXTJS中文帮助文档下载 -
EXTJS2.0表格中文排序
2013-06-05 14:42 948//引入必要的EXT开发环境 <link rel ... -
EXTJS3.0 IE9兼容性解决方案--IE兼容性解决方案
2013-05-24 14:57 1496我们的一个项目是用ExtJS做的,但在IE9下几乎完全不能用。 ... -
UI讨论
2013-05-22 15:27 7321.公司如果要研发自己的UI框架,JQuery和EXT该如何选 ... -
Extjs组件render说明与Demo
2013-05-02 16:05 16641.调用组件的render方法 panel.render ... -
select 取值 jquery
2013-04-12 22:19 714<select id="country& ...
相关推荐
html css 滚动条样式
HTML+CSS实现最简单的滚动条显示隐藏和更改滚动条样式
易语言CSS样式滚动条源码,CSS样式滚动条,复制样式,颜色值转HTML,HTML转颜色值,进制_十六到十,绘制画板,填矩形范围,当前选择项
修改火狐滚动条样式demo,纯css修改火狐默认的滚动条样式
query带动画的伸缩菜单和自定义滚动条样式,css3,html5代码特效,query带动画的伸缩菜单和自定义滚动条样式,css3,html5代码特效
很不错的滚动条效果,代码运用很简单,占用资源也少,很给力,样式可以随意改,找了很久。
自动生成滚动条样式 + 颜色选择器 网页编辑必备
现在网上流行好多可以自定义图片横向滚动条的效果,可惜大部分都是jQuery实现的,且兼容性不好。 今天特意整理了一款js实现的图片横向自定义滚动条效果,兼容目前主要浏览器(IE6已被忽略)。 喜欢的童鞋...
设置滚动条.html 设置滚动条。 框架实例手把手.html 演示框架实例手把手。 第10章(源代码\第10章) 示例描述:本章演示移动字体和图片用法。 移动的基本语法.html 移动的基本语法。 文字的移动方向....
对于页面的滚动条实现效果代码,整理的比较全的,讲解的也比较详细了
主流浏览器默认为html元素提供的滚动条不美观,而且前端开发人员想对其通过css进行统一样式的美化也是不可实现的。比如ie可以通过样式来实现简单的美化、Webkit内核浏览器可以控制滚动条的显示效果,firefox则不允许...
这次我们要分享一款基于CSS3和HTML5的自定义聊天窗口,这里要声明的是它并不能完成聊天的功能,只是提供了聊天窗口的UI,包括,聊天语句的Tooltip样式,还有漂亮的自定义滚动条以及头像图片的处理。这些UI功能都是...
7.3 页面滚动条 第8章 用CSS制作实用的菜单 8.1 项目列表 8.1.1 列表的符号 8.1.2 图片符号 8.2 无需表格的菜单 8.3 菜单的横竖转换 8.4 菜单实例一:百度导航条 8.5 菜单实例二:流行的...
7个jQuery+Dragdealer.js内容滚动条拖拽滑动解7款CSS3超链接下划线动画特效代码 7款CSS3制作美化的搜索框样式代码 7款非常漂亮的CSS3鼠标hover图片动画特效 7款酷炫HTML5+Canvas全屏网页背景动画特效18款
介绍: 强制Firefox显示滚动条: 方法一:html {overflow:-moz-scrollbars-vertical;...因为在Firefox你会发现页面在没有加载完全的时候是没有滚动条的,当加载完成后滚动条才显示出来,所以会感觉页面偏移了下。
效果描述: 一个简单易用的SVG动画,圆形倒计时效果 使用方法: 1、将style.css样式引入到网页中 2、将body中的代码部分拷贝到你需要的地方即可 (适当调整CSS样式以达到你想要的)
1. html 标签加属性 XML/HTML Code复制内容到剪贴板 <html lang="en" class="no-ie" style="overflow:hidden;"> 2.body中加入以下代码 ...以上这篇html 隐藏滚动条的简单实现就是小编分享给
基本HTML语法--网页设计的基础技术,为您详细介绍各种网页制作的标记CSS入门--告诉您如何利用CSS,轻松地控制网页中文字与图片的样式,并制作滚动条与鼠标特效。本书为您奠定学习高深技术的重要基础。 完整解析...
原因:在该页面元素的css样式中没有加对该元素显示的大小限制(高度height或宽度width。 解决方法:在css中增加对包含滚动条的页面元素的显示大小限制。 例子: 复制代码代码如下:<div> ”scrollBarDiv”> …………...