本文实例讲述了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给图片添加鼠标经过时的边框效果
- JQuery实现鼠标移动到图片上显示边框效果
- jquery(1.3.2) 高亮选中图片边框
- jquery photoFrame 图片边框美化显示插件
- jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
- JQuery拖动表头边框线调整表格列宽效果代码
- jquery加载页面的方法(页面加载完成就执行)
- 12款经典的白富美型—jquery图片轮播插件—前端开发必备
- jquery 如何动态添加、删除class样式方法介绍
- jquery ajax提交表单数据的两种方式
- jQuery实现边框动态效果的实例代码