现在电脑的屏幕越来越大，为了利用好宽屏，我们在设计系统UI时喜欢在左侧放个菜单或选项面板，在右边显示与菜单或选项对应的内容，两者之间用分隔条splitter来间隔，并可以通过拖动分隔条splitter来动态调研左右两边的宽度。
要在网页上实现这种UI界面，也有不少现成的组件，比如jQuery中提供的Splitter.js，不过自已用HTML+JavaScript+CSS来DIY一下，从而加深对HTML+JavaScript+CSS的了解，也是不错的选择。
原创
2023-09-02 22:24:30
390阅读
现在电脑的屏幕越来越大，为了利用好宽屏，我们在设计系统UI时喜欢在左侧放个菜单或选项面板，在右边显示与菜单或选项对应的内容，两者之间用分隔条splitter来间隔，并可以通过拖动分隔条splitter来动态调研左右两边的宽度。要在网页上实现这种UI界面，也有不少现成的组件，比如jQuery中提供的Splitter.js，不过自已用HTML+
原创
2023-10-06 09:30:10
222阅读
Windows中的分隔条是一种被广泛使用的控件，绝大多数Explorer式样的应用程序都使用了这种控件。然而却很少有相关的资料对它的完整实现进行介绍，于是我自己实现了一个，希望对SDK的爱好者们有所帮助。 事实上，分隔条也是一个很普通的窗口，它也拥有自己的窗口类、自己的窗口过程——就像所有的预定义控件一样。也就是说，要创建一个分隔条，也需要进行窗口类的注册和窗口的创建。下面是注册窗口类的代...
转载
2005-10-28 16:17:00
45阅读
2评论
jqgrid是一个功能强大的插件，几乎包含你能想到的grid功能，尤其适合咱们最常用的操作增删改查对数据的处理，下面我想说下自己学习jqgrid的体会，首先是安装，（因为我是接手项目才接触到jqgrid所以我就引用别人的安装方法）1.下载文件下载jqGrid的软件包，目前最新版本为4.4.1 下载地址为：http://www.trirand.com/blog/?page_id=6
下载jQuery
因为在现在的大部分项目中很多都用到了滚动条，有时候用到模拟的滚动条，现在说下滚动条的CSS也能解决。比如网易邮箱的滚动条样子很好看，就是利用的CSS来设置的，而且是webkit浏览器的。如图所示： 下面就讲解这几个属性怎么使用，代表什么意思。一：webkit下面的CSS设置滚动条主要有下面7个属性::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的::-we
转载
2024-07-04 13:00:00
251阅读
从dhtml出现以来，微软对dhtml功能的加强就没有停止过，在微软最新的游览器internet explorer 5.5的的ie5.5增加了许多新的样式表内容，对滚动条的样式进行修改也是其中之一，下面我们简单地介绍一下涉及浏览器滚动条的样式表内容： 1．overflow内容溢出时的设置
转载
2023-11-15 21:50:19
457阅读
内容溢出处理overflow: visible（默认）/ 溢出部分 可见
hidden（超出部分隐藏）/
scroll（出现滚动条）/
auto（浏览器自动处理）
text-overflow：clip（不显示省略标记，简单裁切） | ellipsis（文本溢出显示省略标记）文本溢出处理
white-space： normal / pre（空白被保留）/nowrap（不换行）/....元素空白的处理
转载
2023-12-19 20:07:54
168阅读
xhtml中隐藏滚动条在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有3种解决方案，方法1:代码：程序代码html { overflow-y: scroll; }原理：强制显示ie的垂直滚动条，而忽
转载
2024-02-19 07:14:21
128阅读
圆环形进度条制作的基本思想还是画出基本的弧线图形,然后CSS3中我们可以控制其旋转来串联基本图形,制造出部分消失的效果,下面就来带大家学习图解CSS3制作圆环形进度条的实例教程首先，当有人说你能不能做一个圆形进度条效果出来时，如果是静态完整圆形进度条，那么就很简单了：.circleprogress{
width: 160px;
height: 160px
转载
2023-07-26 20:00:17
558阅读
很惭愧，写css写了好几年，竟然今天才知道不用自己写滚动条，不用写任何的js，直接改变默认的滚动条样式就能实现想要的效果！今天就来说一说CSS3自定义滚动条样式 -webkit-scrollbar当内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成：可以滑动的部分，我们叫它
转载
2023-11-10 10:46:20
703阅读
场景
Winform控件-DevExpress18下载安装注册以及在VS中使用：
javascript:void(0)
参照以上将DevExpress安装并引进到工具箱。
在进行页面设计时通常会使用分隔条使窗体内的Panel等控件可以拖放。
那么DevExpress的分隔条控件SplitterControl是如何使用的。
注：
博客主页： javascript:void(0)
关注公众号 霸道的
转载
2019-10-24 15:35:00
492阅读
2评论
场景Winform控件-DevExpress18下载安装注册以及在VS中使用：http
原创
2023-02-15 07:46:42
239阅读
1.伪元素+transform:translateX( 100%); 主要原理是设置文本居中text align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着
转载
2022-05-05 14:44:25
213阅读
CSS禁用滚动条如此设置：body{ overflow-y: hidden; overflow-x: hidden;}
原创
2022-11-08 18:58:10
370阅读
1,Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置 overflow-x 水平方向内容溢出时的设置 overflow-y 垂直方向内容溢出时的设置 以上三个属性设置的值为visible、scroll、hidden、auto visible 默认值。使用该值时，无论
转载
2014-12-16 10:20:00
866阅读
2评论
01、谨慎使用外边距属性 与其它的属性不同，垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个元素的上边距，那么二者中较大的一个将被留下。下面是一个简单的例子。 <div class="square red"></div> <div class="square blue" ...
转载
2021-07-27 14:41:00
78阅读
2评论
效果图： 原理解释一波： 在所有浏览器，滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因，市面上基于webkit内核的浏览器也是很难穷举完。例如有：Google Chrome、Opera（opera最近宣布使用webkit内核了）、360极速浏览器，猎豹浏览器等，搜狗浏览器·
转载
2019-11-26 10:52:00
280阅读
2评论
