jQuery圆角插件:jquery.corners.js

来源:https://www.sucaihuo.com/js/442.html 2015-08-24 14:42浏览(857) 收藏

分享一款基于canvas的圆角插件,它可以自定义参数,比如弧度,边框尺寸,边框颜色,圆角背景色等。
jQuery圆角插件:jquery.corners.js
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

引入jQuery插件和圆角插件jquery.corners.js

<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.corners.js"></script>
<script type="text/javascript" src="js/newExcanvas.js"></script>

演示一:默认圆角效果

<div class="radius" id="radius_1">DIV #radius_1</div>
$("#radius_1").corners();

演示二:自定义圆角参数

$("#radius_2").corners({
    radio: 40, //弧度
    inColor: "#f0f3f9",
    borderSize: 2, 
    borderColor: "#828da1"
});
标签: 圆角corner
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2