JavaScript代码轻松实现DIV圆角

你对DIV圆角的实现是否了解，这里和大家分享一下简易实现DIV圆角的JavaScript代码，用这个代码你可以自由定制自己的DIV,不再是方形了.完全可以实现圆形个性DIV。

成都网站设计、成都做网站的关注点不是能为您做些什么网站，而是怎么做网站，有没有做好网站，给创新互联建站一个展示的机会来证明自己，这并不会花费您太多时间，或许会给您带来新的灵感和惊喜。面向用户友好，注重用户体验，一切以用户为中心。

简易实现DIV圆角的JavaScript代码

这个程序是个用来制作DIV圆角的开源javascript代码实现,效果和图像制作圆角一样的.它简单,易用,不用修改任何图像就能做到不同半径圆角。用这个代码你可以自由定制自己的DIV,不再是方形了.完全可以实现圆形个性DIV。

用法说明:

以下说明将以一个半径为20像素圆角的DIV为例.

◆解压您下载的文件,上传到您的站点。然后复制代码如下和黏贴它入您的网页的顶头部分。如果您保存了文件到该网页目录外

的任何地方,修正代码中的src值.

代码:

◆然后创造一个DIV。如果您已有DIV使用圆角,只要给这个DIV一个id就可以.

代码:

◆***我们需要添加一段javascript来预载。在您的网页的顶头部分增加一些代码。

其中,radius表示半径,数值越大,圆角就越大.

◆运行

如果你想搞成奇形怪状的圆角,你可以设置每个角都不同的半径.

例如:

以下是引用片段：

 
 
 

  
  
  
settings={  
  
  
  
 
  
  
  
tl:{radius:20},  
  
  
  
 
  
  
  
tr:{radius:40},  
  
  
  
 
  
  
  
bl:{radius:60},  
  
  
  
 
  
  
  
br:{radius:80},  
  
  
  
 
  
  
  
antiAlias:true,  
  
  
  
 
  
  
  
autoPad:false  
  
  
  
 
  
  
  
}  
  
  
  
 
 
 
 

 或者:

 
 
 

  
  
  
settings={  
  
  
  
 
  
  
  
tl:{radius:20},  
  
  
  
 
  
  
  
tr:false,  
  
  
  
 
  
  
  
bl:false,  
  
  
  
 
  
  
  
br:{radius:80},  
  
  
  
 
  
  
  
antiAlias:true,  
  
  
  
 
  
  
  
autoPad:false  
  
  
  
 
  
  
  
}  
  
  
  
 
 
 
 

 提示:tl-左上角tr=右上角bl=左下角br=右下角

网页名称：JavaScript代码轻松实现DIV圆角
分享网址：http://www.mswzjz.com/qtweb/news18/163818.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联