jquery插件corner实现圆角边框的方法


Posted in Javascript onMarch 09, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
js 提交和设置表单的值
Dec 19 Javascript
jQuery find和children方法使用
Jan 31 Javascript
在JS中如何调用JSP中的变量
Jan 22 Javascript
如何调试异步加载页面里包含的js文件
Oct 30 Javascript
javascript抽象工厂模式详细说明
Dec 16 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
JS实现小米轮播图
Sep 21 Javascript
详解 javascript对象创建模式
Oct 30 Javascript
jQuery中animate用法实例分析
Mar 09 #Javascript
深入探讨JavaScript String对象
Mar 09 #Javascript
jQuery实现冻结表头的方法
Mar 09 #Javascript
jQuery焦点控制图层展示延迟隐藏的方法
Mar 09 #Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 #Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 #Javascript
JS实现文件动态顺序载入的方法
Mar 07 #Javascript
You might like
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
php $_ENV为空的原因分析
2009/06/01 PHP
浅析echo(),print(),print_r(),return之间的区别
2013/11/27 PHP
PHP错误Allowed memory size of 67108864 bytes exhausted的3种解决办法
2014/07/28 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
jquery动画3.创建一个带遮罩效果的图片走廊
2012/08/24 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
2013/03/18 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
javascript操作数组详解
2014/12/17 Javascript
jQuery+ajax实现无刷新级联菜单示例
2015/05/21 Javascript
BootStrap智能表单实战系列(七)验证的支持
2016/06/13 Javascript
微信小程序 前端源码逻辑和工作流详解
2016/10/08 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
Python提取网页中超链接的方法
2016/09/18 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
浅谈Python 递归算法指归
2019/08/22 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
Python3使用xlrd、xlwt处理Excel方法数据
2020/02/28 Python
python实现粒子群算法
2020/10/15 Python
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
儿科护士自我鉴定
2013/10/14 职场文书
机械专业技术员求职信
2014/06/14 职场文书
青年文明号口号
2014/06/17 职场文书
2014年秋季开学典礼主持词
2014/08/02 职场文书
法人代表证明书
2014/09/18 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
导游词之河北邯郸
2019/09/12 职场文书