loading请求处理中...

实现DIV圆角的JavaScript代码

2021-12-02 05:46:07 阅读 10312次 标签: java开发基础java游戏开发 作者: 蓝blue

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

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

  用法说明:

实现DIV圆角的JavaScript代码

  以下说明将以一个半径为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=右下角

开发公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
桌面应用程序开发

¥50000 已有0人投标

招商引资APP开发

¥20000 已有0人投标

APP原生开发

¥20000 已有1人投标

开发ai拍照软件

¥100 已有2人投标