复制代码代码如下:
var settings = {
tl: { radius: 12 },
tr: { radius: 12 },
bl: { radius: 12 },
br: { radius: 12 },
antiAlias: true
};
/* moooo */
$$(’.round’).each(function(rd) {
curvyCorners(settings,rd);
});
我强烈建议你应该指定需要使用圆角的元素,因为让脚本搜索整个页面来寻找需要圆角处理的元素是一个很耗CPU的过程,而且这个过程是每个页面加载时都会执行 。
基本的所有浏览器都支持CSSborder-radius属性,包括IE,火狐,Safari,谷歌浏览器和Opera 。这个小小的功能能让你的页面表现出完全别样的效果 。
推荐阅读
- JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
- 宝马5系跑偏解决办法是什么
- 解决FCKEditor在IE10、IE11下的不兼容问题
- ie10打不开支付宝/淘宝网站解决方案
- IE10浏览器无法记住网站的登陆账号和密码的解决方法
- Win8自带浏览器IE10中flash无法正常播放的解决方法
- ie8/9下Activex控件无法加载的两种解决方法
- 冬琴名字的含义是什么
- 耳机只有单边响的解决方法
- wsa无法安装解决方法