首页 > 攻略> 实现DIV圆角的JavaScript代码

实现DIV圆角的JavaScript代码

  这个程序是个用来制作P圆角的开源javascript代码实现,效果和图像制作圆角一样的.它简单,易用,不用修改任何图像就能做到不同半径圆角....

  用这个代码你可以自由定制自己的DIV,不再是方形了.完全可以实现圆形个性DIV

  用法说明:


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

  实现div圆角的JavaScript代码.rar

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

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

  ===代码:

  < script type="text/javascript" src="rounded_corners.js">

  ------------------------------B

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

  ===代码:

  < div id="mydiv">

  ------------------------------C

  最后我们需要添加一段javascript来预载。在您的网页的顶头部分增加以下代码:

  以下是引用片段:

  

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

  ------------------------------------D

  现在可以运行了.呵呵

  -----------------------------------PS:

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

  例如:

  以下是引用片段:

  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=右下角

2562 人已提交 开发 需求

请输入您的需求 请填写您的电话

提交需求

如何成为JAVA开发高手?小白JAVA开发必看的教程知识
java游戏开发需要学习什么?java游戏开发学习4步骤
java开发值得学吗?Java开发就业前景怎么样?

x

10秒发布需求
快速获取报价及方案

获取验证码 立即提交