curvyCorners详解一款兼容任何浏览器的生成圆角的js插件 ie浏览器兼容css3圆角

今天我发现一款非常不错的js插件:curvyCorners(中文名:圆角)
调用方法非常简单,首先我们要去官网下载这个插件
官网下载地址: http://curvycorners.googlecode.com/files/curvycorners-2.1.z ip
它的应用场景是这样的,假设我们现在有一个长方形的DIV,那么我们只要引入curvycorners.js,
like this:
<scripttype="text/JavaScript"src="../curvycorners.src.js"></script>
<scripttype="text/JavaScript">
curvyCorners.addEvent(window, 'load',initCorners); //触发事件,调用initCorners方法
function initCorners(){
var settings ={//圆角设置
tl: { radius: 20},//左上圆角半径
tr: { radius: 20},//右上圆角半径
bl: { radius: 20},//左下圆角半径
br: { radius: 20},//右下圆角半径
antiAlias:true//圆角部分的状态 true:完美圆角false:失真圆角
}
curvyCorners(settings, "#myBox"); //操作对象为id="myBox"的DIV
</script>
基本的调用就是这样,下面我们说一下多种调用方式
我们可以使用
var divObj =document.getElementByIdx_x("myDiv");
curvyCorners(settings,divObj);
或者直接
curvyCorners(settings,'#myDiv');
如果是,我们可以这样调用
curvyCorners(settings,'.myDiv');
这样我们就可以将圆角应用在多个地方,另外还有一种方法:
curvyCorners(settings,#myDiv1,.cl1,.cl2,.cl3);
然后,我们发现这一句是在加载方法
curvyCorners.addEvent(window, 'load',initCorners);
同样,我们也可以使用jQuery代替它,使DOM树加载完之后就出现效果,而不是window.onload
$(document).ready(function(){
initCorners();
}) //注意不要忘了引入jQuery.js
这个js插件确实不错,连背景图也能生成圆角,




curvyCorners详解【一款兼容任何浏览器的生成圆角的js插件】 ie浏览器兼容css3圆角

  

爱华网本文地址 » http://www.aihuau.com/a/25101014/228304.html

更多阅读

毕业论文答辩技巧详解 研究生论文答辩技巧

要想取得本科学位,甚至取得更高的硕士、博士学位,那么毕业论文答辩是很关键的一环节,想让所有的努力不功亏一篑的话,掌握一些答辩技巧还是非常有必要的,在答辩过程中的一些注意事项千万不可忽视,那么在职硕士论文答辩需要注意什么,有什么技

足彩赔率详解我怎么分析赔率的 足彩怎么分析

陪率来源于欧洲,1790年英国人奥格登最先发明了陪率。在足球波彩中,可以对比赛的胜负平各自开出不同的赔率,也可以为联赛、杯赛开出夺冠陪率,甚至可以为一场比赛的进球队员和比分开出陪率。那么如何分析陪率呢?足彩赔率详解(我怎么分析赔

word中如何输入下划线详解 word输入下划线写字

word中如何输入下划线(详解)——简介当过老师的肯定经常有这样的经历,就是要经常输入下划线“---”,但又往往不知从何下手。其实,word中输入“____”的方法有很多,接下来小编就为大家介绍word中是如何输入下划线的,希望能对大家有所帮助。

天神传奇道士攻略 非rmb道士进阶攻略详解 变异巡游天神进阶

  天神传奇道士攻略,非rmb道士进阶攻略详解。天神传奇是一款非常受欢迎的网页游戏,在游戏中有三大职业可以选择。今天,小编给大家带来的是天神传奇道士攻略,想知道道士怎么玩吗?想知道非rmb道士怎么发展吗?一起来了解一下吧!  天神

《笠翁对韵》详解一 笠翁对韵一东ppt

李渔(1611-1680年),是我的本家。原名仙侣,号天征,后改名渔,字笠翁,一字笠鸿、谪凡。祖籍在浙江兰溪下李村,生于雉皋(即今江苏如皋),是明末清初一位杰出的戏曲和小说作家。李渔的《笠翁对韵》和车万育的《声律启蒙》都是古代蒙学读物

声明:《curvyCorners详解一款兼容任何浏览器的生成圆角的js插件 ie浏览器兼容css3圆角》为网友梧桐有语分享!如侵犯到您的合法权益请联系我们删除