css层滚动条

更新时间：2008年04月29日 22:31:26 作者：

比较有特色的滚动条效果代码

<html> <head><title>层滚动条DIY - Powered by yexj00</title> <style>  </style> <script language="Javascript">  </script> <script language="Javascript">  </script> </head> <body onload="setbarHeight()"> <div id="outerDiv" style="position:absolute; left:100px; top:50px; width:130px; height:130px">   <div id="scroll_content" style="position:absolute; padding:2px; left:2px; top:5px; width:100px; height:100px; border:1px solid #cccccc; overflow: hidden">  <script language="Javascript">  </script>    </div>   <div id="up_btt" style="position:absolute; left:104px; top:5px; width:8px; height:16px; background:#efefef; font-size:0px;border:1px outset #cccccc"></div>   <div id="scroll_area" style=" position:absolute; left:104px; top:22px; width:8px; height:66px;font-size:0px; background:#efefef">       <div id="scroll_bar" style="position:absolute; left:0px; top:0px; width:8px; background:#efefef; font-size:0px;border:1px outset #cccccc"></div>   </div>   <div id="down_btt" style="position:absolute; left:104px; top:89px; width:8px; height:16px; background:#efefef;font-size:0px; border:1px outset #cccccc"></div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

用CSS实现基本条状图表效果
用CSS实现基本条状图表效果...
2007-11-11
DIV+CSS布局教程大全与pdf电子书下载
DIV+CSS布局教程大全与pdf电子书下载...
2007-03-03
网页制作中十个最好的CSS hacks
转自国外网站，本想翻译成中文，但是细看文章实在是简单，如果看不懂这个，我想也就没必要继续做前端了。
2008-02-02
网页中经常用到的Metas, Links and DocTypes集合
2008-02-02
区分IE6，IE7，firefox的CSS hack
经常网页布局需要兼职多浏览器，所以下面的css hack可以用，但最好少用，不得不用才用
2008-04-04
CSS Hack 汇总快查
屏蔽IE浏览器（也就是IE下不显示）
2008-12-12
纯CSS实现上下左右都居中的代码
一个上下左右都居中的非table的纯CSS实现代码
2008-11-11
js开发中的页面、屏幕、浏览器的位置原理（高度宽度）说明讲解（附图）
前端js开发中我们常遇到对页面、屏幕、浏览器宽高和位置的获取问题，有时间查到了js的实现代码，但是不知道为什么。本篇图文并茂讲解Web环境中屏幕、浏览器及页面的高度、宽度信息。
2023-02-02
用CSS floats创建三栏页布局
用CSS floats创建三栏页布局...
2007-02-02
大家看了就明白了css样式中类class与标识id选择符的区别小结
大家看了就明白了css样式中类class与标识id选择符的区别小结...
2007-12-12

css层滚动条

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具