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 相关文章推荐
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
JS的数组迭代方法
Feb 05 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
全面解析Bootstrap表单使用方法(表单样式)
Nov 24 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
将JSON字符串转换成Map对象的方法
Nov 30 Javascript
js中的DOM模拟购物车功能
Mar 22 Javascript
解决微信二次分享不显示摘要和图片的问题
Aug 18 Javascript
使用jQuery实现简单的tab框实例
Aug 22 jQuery
JS实现随机抽取三人
Nov 06 Javascript
javaScript中indexOf用法技巧
Nov 26 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
php echo 输出字符串函数详解
2010/05/13 PHP
表格展示无限级分类(PHP版)
2012/08/21 PHP
PHP和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
PHP Cookie学习笔记
2016/08/23 PHP
杨氏矩阵查找的JS代码
2013/03/21 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
原生js结合html5制作小飞龙的简易跳球
2015/03/30 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
2018/11/14 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
JavaScript设计模式之代理模式实例分析
2019/01/16 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
[05:20]2018DOTA2亚洲邀请赛主赛事第三日战况回顾 LGD率先挺进胜者组决赛
2018/04/06 DOTA
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
python实现排序算法
2014/02/14 Python
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
Python数组并集交集补集代码实例
2020/02/18 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
HTML5之SVG 2D入门10—滤镜的定义及使用
2013/01/30 HTML / CSS
Agoda香港:全球特价酒店预订
2017/05/07 全球购物
职业生涯规划书基本格式
2014/01/06 职场文书
入党申请自荐书范文
2014/02/11 职场文书
学校先进集体事迹材料
2014/05/31 职场文书
体现团队精神的口号
2014/06/06 职场文书
2015年三好一满意工作总结
2015/07/24 职场文书
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis
PyTorch dropout设置训练和测试模式的实现
2021/05/27 Python
html实现弹窗的实例
2021/06/09 HTML / CSS
科普 | 业余无线电知识-波段篇
2022/02/18 无线电