jquery插件corner实现圆角边框的方法
更新时间：2015年03月09日 10:13:13 作者：疯狂的流浪
这篇文章主要介绍了jquery插件corner实现圆角边框的方法,实例分析了jQuery插件corner的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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>
"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如何从json中读取数据追加到html中的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编一起来看看吧。2017-12-12
这篇文章主要为大家详细介绍了jQuery遮罩层实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
这篇文章主要为大家详细介绍了jQuery Json数据格式排版高亮插件json-viewer.js的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
本文介绍了Jquery页面初始化的4种方式的实例代码，需要的朋友可以看下2016-11-11
jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。2009-06-06
前些天写了两篇关于jQuery表单验证的文章，jQuery的插件还存在诸多问题，但是本人还在不断努力更新中。本篇文章主要介绍jQuery表单验证中输入文本内容的范围验证。2010-10-10
这篇文章主要介绍了jQuery插件zTree实现获取一级节点数据的方法,结合实例形式分析了jQuery插件zTree针对节点的遍历与获取操作相关技巧,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了使用jquery清空、复位整个输入域，非常的简单实用，这里推荐给大家,需要的朋友可以参考下2015-04-04
项目需求：表格中数据隔行变色、删除数据、全选删除、鼠标移动到图片时显示图片预览等等，感兴趣的朋友可以参考下2013-01-01
因为需求就只有4个元素。如果是要用CSS的class来处理，那就需要用到CSS3动画了，好了下面为大家介绍下如何实现这个放大缩小动画效果2013-09-09
最新评论