jquery插件corner实现圆角边框的方法
2018-10-12 14:06
781 查看
本文实例讲述了jquery插件corner实现圆角边框的方法。分享给大家供大家参考。具体如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Corners</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.corners.min.js"></script>
<script type="text/javascript">
$( function(){$('.roundedd').corners();})
</script>
<style type="text/css">
.roundedd
{
background-color:#eeeeee;
}
</style>
</head>
<body>
<div style="" class="roundedd">
class="rounded {10px}"
</div>
</body>
</html>
这里测试了一下发现一个问题bug:若background-color:#eeeeee;写成background-color:red;或 background-color:yellow;在火狐没问题,如果是IE的话就看不到效果了,所以建议用颜色RGB代码。
演示地址为:
http://www.malsup.com/jquery/corner/
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- jquery插件corner实现圆角边框的方法
- jQuery实现DIV边框效果(插件jquery.corner.js)
- 设置div圆角的jquery插件-jquery.corner.js
- jQuery 圆角插件jquery.corner.js demo页面
- 三种方法实现弹出框边框半透明和圆角的效果
- 实现圆角矩形边框的方法
- CSS+Jquery实现页面圆角框方法大全
- web的各种前端打印方法之jquery打印插件jqprint实现网页打印
- Asp.Net分页方法:JQuery插件实现Ajax无刷新分页、AspNetPager分页控件实现分页
- jquery插件printArea打印、corner圆角使用
- 去掉ckeditor的边框及jquery插件悟通方法
- jQuery DIV圆角插件之jquery.corner.js
- 纯CSS+DIV实现圆角的三种方法(create a round corner DIV by pure CSS)
- jQuery圆角插件,实现兼容浏览器圆角效果
- jQuery实现圆角形状的一个插件
- Asp.Net分页方法:JQuery插件实现Ajax无刷新分页、AspNetPager分页控件实现分页
- 第34款插件:第28款插件:jquery.corner.js圆角插件
- web的各种前端打印方法之jquery打印插件jqprint实现网页打印
- 两种用CSS实现圆角边框的方法
- jQuery - Plugins插件 - Rounded Corner圆角矩形