最近做一个购物站点页面前需偠圆角html圆角矩形代码效果, 而我不想使用背景图来实现,大概我不是美工的原因 所以就采用 javascript+css方式
至于原理,我想大家都知道就是用一象素高的长短不一的元素叠出圆角效果来
在写自己的实现前,我知道以下两个实现圆角html圆角矩形代码的库
但是它依赖于rico的core等东东不能独立使用,而我的项目中主要使用其他的js库(mootools)不想因此引入rico
其实它基本上能满足我的要求: 独立的完整的实现,不依赖于其他库 使用也很方便。而且具有丰富的demo可以参考
但是它的代码占用了太多的顶层名字空间(我碰到了名字冲突)而且代码风格似乎不大好(55555,别给我扔雞蛋)
所以我就写了自己的实现其“工作代码”,基本上是 参考 Nifty Corners Cube
虽然重写了所有的代码(只有二百多行) 但“灵魂”来源于 Nifty Corners Cube, 我仅仅做叻重构的工作,并且使用的CSS也是直接来源于它所以js的名称还是 Nifty。