- 浏览: 419817 次
- 性别:
- 来自: 广州
-
文章分类
- 全部博客 (174)
- ajax (2)
- java (4)
- spring (0)
- eclipse (0)
- ejb (0)
- hibernate (2)
- jsf (1)
- c# (13)
- sqlserver (12)
- oracle (1)
- ibatis (3)
- appfuse (0)
- seam (0)
- log4j (0)
- Java2Html (0)
- javascript && html && css (38)
- 英语学习 (1)
- jag (2)
- guice (0)
- warp (0)
- facelets (1)
- struts (0)
- 资源汇聚 (4)
- 打印 (2)
- 热点文章收藏 (2)
- aop/aop.net (3)
- 代码生成器 (1)
- 数据库 (1)
- 开发工具集 (1)
- Erlang (1)
- web services (1)
- acegi (2)
- 存储过程集汇 (1)
- 黑客攻防 (2)
- C/C++ (6)
- wap (1)
- 缓存 分布式 (0)
- 企业库 (3)
- 搜索引擎:Lucene (0)
- 数据安全 (1)
- uml (1)
- 项目管理 (3)
- asp (1)
- SWT/JFACE (3)
- 面试与技巧 (1)
- 程序人生 (1)
- java rcp (2)
- 软件测试 (4)
- 不同应用服务器整合 (1)
- 数据仓库 (2)
- 求职/离职 (1)
- 网站珍藏 (1)
- visual studio 插件 (2)
- IT那些事 (1)
- linux/unix (10)
- windows (1)
- javaMail (1)
- common mail (1)
- tomcat (1)
- java并发/并行 (3)
- emacs (5)
- zookeeper (1)
- hadoop (7)
- 自动运维部署 (8)
- 业界资讯 (1)
最新评论
-
ffshow2006：
有一个有毒啊
两款Access密码破解器 -
nicepulse：
太好了，正好最近我也遇到这类的问题，代理不大正常，刚开始就是重 ...
SQL Server Agent 执行SSIS失败解决方案 -
supersnake：
这个比较喜欢
5款纯div+css制作的弹出菜单(标准且无js) -
cloudgamer：
我也写过一个提示效果
javascript tooltip (网页的提示效果) -
kuchaguangjie：
顶1个，哈哈
获取页面请求参数的JS脚本
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>
发表评论
-
两个文件改变网站流量
2008-08-01 14:49 975用两个文件，用js 改变网站流量 url_1.html 代 ... -
div 超出的文字以省略号显示
2008-07-24 21:36 1802div { overflow:hidden; ... -
css中如何使div居中(垂直水平居中)
2008-07-16 11:48 3880css中如何使div居中(垂直水平居中) 2007-01-12 ... -
DivCSS布局实例 用dl dt dd来制作列表
2008-07-16 09:03 1378今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但 ... -
CSS在页面布局中实现div垂直居中的方法总结
2008-07-16 08:56 2594CSS在页面布局中实现div垂直居中的方法总结 2008年07 ... -
css控制div自动换行
2008-07-16 08:56 5203自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字 ... -
网页颜色搭配精选十例
2008-07-10 03:43 2963颜色的使用在网页制作 ... -
网页制作傻瓜工具集锦
2008-07-10 03:42 1862初学网页制作时,往往觉 ... -
五彩缤纷建网页（5）网页色彩配色软件
2008-07-10 03:39 10901．ColorWiz (国外) 超媒体置标语言（HTML） ... -
不间断连续图片滚动效果的制作方法
2008-07-10 03:35 2951以前我们站点也介绍过 ... -
图片的连续滚动
2008-07-10 03:28 818<html><head></he ... -
HTML各个元素对搜索引擎的权重比例
2008-07-09 13:10 844HTML各个元素对搜索引擎 ... -
css教程–十步学会用css建站(全)
2008-07-03 12:57 1438css教程–十步学会用css建站(全) 关键字: css教程 ... -
div 、ul、li 动态生成table (2)
2008-06-24 16:49 1620/// <summary> /// ... -
div 、ul、li 动态生成table
2008-06-18 13:45 2377public string GenerateTable(int ... -
5款纯div+css制作的弹出菜单(标准且无js)
2008-06-16 13:01 18925款纯div+css制作的弹出菜单(标准且无js) 一、最 ... -
Js字符串操作函数大全
2008-06-11 15:59 9111Js字符串操作函数大全 Js字符串操作函数大全 /***** ... -
JS实现局部打印和预览
2008-05-27 13:59 6253JS实现局部打印和预览： 第一种： JS 实现简单的页面局部 ... -
前台开发使用工具集合
2008-05-09 08:45 3843前台开发使用工具集合 1。 Fiddler一个很强大 ... -
获取页面请求参数的JS脚本
2008-04-17 13:11 3620//获取指定请求参数的值function getParamet ...
相关推荐
本篇文章详细介绍了 DIV 滚动条的样式设置，包括如何实现 DIV 滚动条、DIV 滚动条的样式设置和滚动条颜色属性。通过设置 `overflow` 属性和滚动条颜色属性，可以实现 DIV 元素的滚动条样式设置。
标题中的“好看的滚动条样式”指的是在网页设计中对浏览器默认滚动条进行美化和定制的一种技术。滚动条作为用户浏览长内容时不可或缺的交互元素，其样式和用户体验往往被开发者忽视，但通过自定义，可以提升网站的...
在网页设计中，为了提升用户体验，设计师们常常会利用CSS（Cascading Style Sheets）来定制浏览器的滚动条样式。特别是在Internet Explorer（IE）浏览器中，由于其对滚动条样式的特殊处理，需要特别的技巧来进行...
"自定义滚动条 scroll js滚动条"就是这样一个主题，它涉及到JavaScript库，如jQuery和jScroll，以及图像资源的使用，来实现滚动条的个性化效果。 首先，jQuery.js是广泛使用的JavaScript库，它简化了DOM操作，事件...
css 设置overflow:scroll 滚动条的样式 /* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-...
`overflow`属性有以下几个值：`visible`（默认值，内容不会被剪切，会溢出其容器）、`hidden`（内容会被剪切，不显示滚动条）、`scroll`（无论内容是否需要，都会显示滚动条）和`auto`（当内容需要时，才会显示滚动...
样式方面，我们可以为`.scroll-area`类添加必要的CSS，以便适应滚动条的显示： ```css .scroll-area { overflow: auto; -ms-overflow-style: none; /* IE 和 Edge */ scrollbar-width: none; /* Firefox */ } ....
在本文中，我们将深入探讨如何实现一个具有浮动效果的滚动条的`ScrollArea`，这在QT编程中是一个常见的需求。`QScrollArea`是QT库中的一个关键组件，它提供了一个可滚动的区域，可以包含任何QWidget子类的对象。在...
CSS中的滚动条样式设置是一个重要的视觉优化技巧，用于改善网页用户体验。滚动条通常是浏览器默认样式，但通过CSS，我们可以自定义其外观，包括颜色、大小和形状，使其更符合网站设计的整体风格。以下是对滚动条样式...
默认情况下，不同浏览器的滚动条样式各异，但通过CSS3，我们可以为滚动条添加颜色、宽度、形状等自定义样式。例如，可以使用以下CSS代码来改变滚动条的基本样式： ```css /* 隐藏滚动条但保留滚动功能 */ ::-webkit...
- `VerticalScroll.Value`和`HorizontalScroll.Value`属性可以用来设置滚动条的位置。 ```csharp richTextBox.VerticalScroll.Value = newValue; richTextBox.HorizontalScroll.Value = newValue; ``` 5. **...
在ASP.NET开发中，我们经常会遇到需要自定义滚动条样式以提升用户界面体验的情况。本资源提供了一种方法，通过CSS样式和JavaScript实现ASP.NET页面中的垂直滚动条美化。下面将详细阐述这个主题。 首先，CSS（层叠...
jQuery Table Scroll插件还支持其他高级功能，例如自定义滚动条样式、响应式设计等。在使用过程中，可以通过查阅插件的官方文档或提供的示例代码来了解更多信息。 需要注意的是，当表格数据动态加载或使用Ajax获取...
然而，自定义其样式，特别是设置背景透明和滚动条透明，并不是一项简单的任务，因为JavaFX默认的CSS样式并不提供这样的选项。在本实例中，我们将深入探讨如何实现`TableView`的透明背景以及滚动条的透明效果。 首先...
通过设置`Scroll`事件处理程序，监听滚动条的滚动操作。 2. **关联滚动值**：滚动条的滚动值需要与`Panel`中的内容关联。这通常通过修改`Scroll`事件处理程序中的代码实现。例如，可以调整`Panel`的`...
在Flex容器上，如果`overflow`属性设置为`auto`或`scroll`，则会在需要时显示水平或垂直滚动条。例如： ```css .container { display: flex; overflow: auto; /* 或 'scroll' */ } ``` 这种方式简单易用，但...
CSS中的滚动条样式设置是网页设计中一个细节但重要的部分，尤其在现代网页追求美观和用户体验的提升上。滚动条通常在内容超过容器大小时出现，帮助用户浏览页面的全部内容。通过CSS，我们可以定制滚动条的外观，使其...
使用 `hidden` 可隐藏滚动条，`scroll` 则始终显示滚动条。 2. `-webkit-scrollbar`: 这个伪元素用于定义滚动条的整体样式。 3. `-webkit-scrollbar-track`: 定义滚动条轨道的样式。 4. `-webkit-scrollbar-thumb`: ...
4. **自定义滚动条样式**：浏览器默认的滚动条样式往往较为单一，但通过CSS和Jquery，我们可以定制滚动条的颜色、大小、形状，甚至鼠标滚动的速度和流畅度，使其更符合网页的整体风格。 5. **Jquery插件**：对于更...