`

自定义div滚动条样式

阅读更多

效果图:见附

 

代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title>div滚动条样式</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head>

 <body>
  <table style="BORDER-COLLAPSE: collapse" bordercolor="#c0c0c0" cellspacing="0" cellpadding="0" width="600" border="1">
                <tbody>
                    <tr>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #70807d; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #70807d; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #70807d; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; BACKGROUND-COLOR: #0000C6; OVERFLOW: scroll; scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#ffffff&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-3DLIGHT-COLOR: #f2f2f2; SCROLLBAR-ARROW-COLOR: #9999cc; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #f2f2f2; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-3dlight-color:#FF0033; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFF33; scrollbar-darkshadow-color:#FFFF33; scrollbar-face-color:#FF0033; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FF0033&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #ff0033; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #ff0033; SCROLLBAR-3DLIGHT-COLOR: #ff0033; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffff33; SCROLLBAR-DARKSHADOW-COLOR: #ffff33; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-3dlight-color:#FF0033; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFF33; scrollbar-darkshadow-color:#FFFF33; scrollbar-face-color:#FF0033; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FF0033&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #eaecec; SCROLLBAR-HIGHLIGHT-COLOR: #eaecec; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #eaecec; SCROLLBAR-ARROW-COLOR: #eaecec; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #eaecec; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; SCROLLBAR-FACE-COLOR: EAECEC; SCROLLBAR-HIGHLIGHT-COLOR: EAECEC; SCROLLBAR-SHADOW-COLOR: BLACK; SCROLLBAR-3DLIGHT-COLOR: EAECEC; SCROLLBAR-ARROW-COLOR: EAECEC; SCROLLBAR-TRACK-COLOR: FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: EAECEC&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                    </tr>
                    <tr>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #cfcfcf; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #595959; SCROLLBAR-3DLIGHT-COLOR: #595959; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #cfcfcf; HEIGHT: 140px">
                        <p align="left"><font style="FONT-SIZE: 9pt" face="Arial" color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140;OVERFLOW: scroll; scrollbar-3dlight-color:#595959; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#CFCFCF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#CFCFCF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#595959&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></p>
                        </div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #d2e5f4; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #d2e5f4; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #d2e5f4; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #D2E5F4; scrollbar-highlight-color: #D2E5F4; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #D2E5F4&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #d9d9d9; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #d9d9d9; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #d9d9d9; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-face-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #59adbb; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #59adbb; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #59adbb; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #59ADBB; scrollbar-track-color: #FFFFFF; scrollbar-3dlight-color: #59ADBB; scrollbar-darkshadow-color: #59ADBB&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                    </tr>
                    <tr>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #ffc300; SCROLLBAR-3DLIGHT-COLOR: #ffc300; SCROLLBAR-ARROW-COLOR: #ffc300; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFC300; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFC300; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFC300&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #ddd38d; SCROLLBAR-HIGHLIGHT-COLOR: #fff8c5; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #5a5227; SCROLLBAR-3DLIGHT-COLOR: #5a5227; SCROLLBAR-ARROW-COLOR: #fff8c5; SCROLLBAR-DARKSHADOW-COLOR: #fff8c5; SCROLLBAR-BASE-COLOR: #ddd38d; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-3dlight-color:5A5227; scrollbar-arrow-color:FFF8C5; scrollbar-base-color:DDD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-color:DDD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #9ebfe8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #9ebfe8; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #9ebfe8; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #9EBFE8; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #db52bc; SCROLLBAR-HIGHLIGHT-COLOR: #e994d6; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #e994d6; SCROLLBAR-3DLIGHT-COLOR: #db52bc; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #e994d6; SCROLLBAR-DARKSHADOW-COLOR: #db52bc; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #DB52BC; scrollbar-shadow-color: #E994D6; scrollbar-highlight-color: #E994D6; scrollbar-3dlight-color: #DB52BC; scrollbar-darkshadow-color: #DB52BC; scrollbar-track-color: #E994D6; scrollbar-arrow-color: #FFFFFF&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                    </tr>
                    <tr>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #666666; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #101010; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #101010; SCROLLBAR-DARKSHADOW-COLOR: #070707; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #333333; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #101010; scrollbar-darkshadow-color: #070707; scrollbar-track-color: #101010; scrollbar-arrow-color: #000000&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #333333; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #808080; SCROLLBAR-3DLIGHT-COLOR: #808080; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #191919; SCROLLBAR-DARKSHADOW-COLOR: #333333; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #333333; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #808080; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #191919; scrollbar-arrow-color: #CCCCCC&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #ffc4e1; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #ff6ab5; SCROLLBAR-3DLIGHT-COLOR: #ff95ca; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffddee; SCROLLBAR-DARKSHADOW-COLOR: #ffb5da; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color:#FFC4E1; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FF95CA; scrollbar-darkshadow-color:#FFB5DA; scrollbar-shadow-color:#FF6AB5; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFDDEE&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #dbebfe; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #b8d6fa; SCROLLBAR-3DLIGHT-COLOR: #dbebfe; SCROLLBAR-ARROW-COLOR: #458ce4; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #458ce4; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #DBEBFE; scrollbar-shadow-color: #B8D6FA; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #DBEBFE; scrollbar-darkshadow-color:#458CE4; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #458CE4&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                    </tr>
                    <tr>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #f8ecd8; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #885c10; SCROLLBAR-3DLIGHT-COLOR: #885c10; SCROLLBAR-ARROW-COLOR: #885c10; SCROLLBAR-TRACK-COLOR: #f8ecd8; SCROLLBAR-DARKSHADOW-COLOR: #f8ecd8; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #885C10; scrollbar-highlight-color: #F8ECD8; scrollbar-3dlight-color: #885C10; scrollbar-darkshadow-color: #F8ECD8; scrollbar-track-color: #F8ECD8; scrollbar-arrow-color: #885C10&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #222222; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #222222; SCROLLBAR-ARROW-COLOR: #222222; SCROLLBAR-TRACK-COLOR: #222222; SCROLLBAR-DARKSHADOW-COLOR: #222222; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #222222; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #222222; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #222222; scrollbar-track-color: #222222; scrollbar-arrow-color: #222222&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                        <td width="180" height="140">
                        <div style="SCROLLBAR-FACE-COLOR: #fddee8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 180px; SCROLLBAR-SHADOW-COLOR: #fddee8; SCROLLBAR-3DLIGHT-COLOR: #fdcfdd; SCROLLBAR-ARROW-COLOR: #fea6c0; SCROLLBAR-TRACK-COLOR: #fff6f9; SCROLLBAR-DARKSHADOW-COLOR: #fdcfdd; HEIGHT: 140px; p: left&gt;&lt;FONT style=" face="Arial"><font color="#99cc00">&lt;div style=&quot;WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #FDDEE8; scrollbar-shadow-color: #FDDEE8; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #FDCFDD; scrollbar-darkshadow-color: #FDCFDD; scrollbar-track-color: FFF6F9; scrollbar-arrow-color: #FEA6C0&quot;&gt;<br />
                        文字内容<br />
                        &lt;/div&gt;</font></div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </div>
            </td>
        </tr>
    </tbody>
</table> </body>
</html>

 

  • 大小: 213 KB
分享到:
评论
2 楼 lucifer88826 2011-03-16  

d
d
d
d
d
1 楼 lucifer88826 2011-03-16  
d
d
d
d
d

相关推荐

    vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条

    vue自定义浏览器滚动条(已兼容ie)

    利用div+jquery自定义滚动条

    可以自己定义滚动条,根据div内容自己调节产生横向和竖向滚动条。滚动条所有元素都可以自己定义样式,包括颜色或者图片。

    JQuery+DIV自定义滚动条样式的具体实现

    用DIV和DIV自身的滚动条相互控制内容的滚动,DIV自身的滚动条样式可以用DIV层覆盖,重写滚动条样式

    利用div+jquery自定义滚动条样式的2种方法

    最近做项目中有一个模块是用于实时监控的,左边有个菜单栏用于显示所有的设备,那当然是从数据库中动态获取的了,右边是个iframe用于...接下来就是重点了,如何修改滚动条的样式呢? 经过从网上的不断搜索,发现有两

    原生JS实现自定义滚动条效果

    2.在外层div的右侧边框以里自定义一个滚动条,(本人用div设置样式作为滚动条) 3.最外层的div添加onmousewheel事件,使用e.wheelDelta来获取每次滑动的距离,若为正数则向上滑动,将每次增加的数,赋给滚动条的top...

    原生js封装自定义滚动条

    最近有一个关于制作在线音乐播放器的项目,需要使用一个滚动条,但是自带滚动条实在是太丑了,所以就自己琢磨了一下自定义的滚动条。 在网上看原理,说实话没怎么看懂,就趁今天上午上安卓的时候,研究了一下,结果...

    Styled-Scroll:具有本机性能的自定义滚动条

    样式化滚动为溢出的元素提供了一个垂直叠加的滚动条,非常适合为所有浏览器创建一个时尚的滚动条,或者只是减少滚动条所占用的空间。 与其他滚动库不同,它不会覆盖默认滚动行为-它仅隐藏默认滚动条并放置其自己的...

    jquery 滚动条

    div+jquery滚动条,适合自定义页面的滚动条,很绚的样式

    study_scattered

    小的小知识点项目介绍TwoChildTree学习JS遍历Object重识JS对象family_tree学习CSS选择摘要clockBYcanvas通过canvas编写闹钟touchZoom...排序二叉树binaryTree Javascript实现二叉树算法自定义滚动条样式兼容所有浏览器

    JQuery&CSS;&CSS;+DIV实例大全.rar

    41.jquery拖动滚动条控制图片滚动及图片放大特效的示例 42.jquery旋转式图片切换并带图片放大功能 43.jQuery漂亮网页右上角双层撕角广告代码 44.jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...

    asp.net+jquery滚动滚动条加载数据的下拉控件

    需求:AJAX滚动滚动条加载数据的下拉列表 控件名称:Webcombo 所用技术:ASP.NET(C#),jQuery,ASP.NET一般处理文件(.ashx) 下拉列表具体实现:用DIV模拟下拉列表,input和图片模拟下拉框。最终结果如下图 先分析...

    46种常见的浏览器兼容性问题大汇总

    20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能...

    multi-E.g:各类项目的实例

    jquery的lightbox 具体参数参见纯js的简单查看大图,样式修改自行制作滚动加载基于页面高度,滚动条高度,文档高度随滚动动态插入数据点击按钮弹窗,全屏显示,是animatedmodal.js,具体参数详见字数限制对div增加...

    《程序天下:JavaScript实例自学手册》光盘源码

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

    程序天下:JavaScript实例自学手册

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

Global site tag (gtag.js) - Google Analytics