ezj 制作滚动条

作者:vkvi 来源:ITPOW(原创) 日期:2013-5-25

在制作网页中某一个区块时,可以用 overflow:scroll; 来自动产生滚动条,但是这种滚动条不好看,可以用 ezj 来做一个好看的滚动条。

ezj 滚动条示例

如上是用 ezj 做的一个滚动条示例。

CSS 代码

XHTML 代码

JavaScript 代码

一个滚动条功能就完成了,如果有兴趣可以进一步研究,比如上下箭头,比如滚动条滑块自动随着内容的多少而变长变短,比如用 table 的 td 把内容区和滚动条隔开,而不是用 position:absolute;。

不过话说回来,妈的,手机上连滚动条都没有,还被那么多人称道,电脑上干嘛整那么麻烦。

ezj 是一款非常强大的 JavaScript 框架,http://www.itpow.com/tools/downloads/ezj_V2.10.zip

相关文章