当前位置：首页 > 资讯 > 技术文档

基于mootools的圆角边框扩展代码

时间：2021-03-11 04:25 编辑：来源：阅读：
扫一扫，手机访问

摘要：基于mootools的圆角边框扩展代码

JQuery下面有个扩展是用纯JS生成的圆角，不过和DIV+CSS拼出来是一样的道理，圆角看上去都比较粗糙。

用背景图片要好看得多，问题是不能拉伸，最简单做法就是用四个角小图片加边框拼出来。不过这样多出N多图片，一堆乱七八糟的代码，相当不爽。

有一个很有技巧的方法，用一张大图片+CSS来做，原理如下。
[img]http://files.jb51.net/upload/2010-2/20100207111018606.jpg[/img]
用一张大的背景图片做圆角，用CSS分别取四个角和边再拼成一个DIV。这样不仅可以解决圆角，还可以生成其它特殊的边框（比如阴影）。
但是每次使用都要加CSS也很不爽，于是用mootools写了一个Element类的扩展。

[url=http://demo.jb51.net/js/mootools_yj/demo.htm]http://demo.jb51.net/js/mootools_yj/demo.htm[/url]
[url=http://xiazai.jb51.net/201002/yuanma/mootools_yj.rar]打包下载[/url]

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

以前用Jquery也写过一个，居然找不着了，不过原理是一样的。

全部评论(0)

上一篇：Dom遍历XML的一个例子,结果为树状结构
下一篇：Mootools 1.2教程函数

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部