编程 Javascript

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程序设计有所帮助。

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

- Author -

疯狂的流浪

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

PPK 谈 JavaScript 的 this 关键字 [翻译]

Sep 29 Javascript

jQuery 1.5.1 发布，全面支持IE9 修复大量bug

Feb 26 Javascript

Document.location.href和.replace的区别示例介绍

Mar 04 Javascript

Jquery 监视按键，按下回车键触发某方法的实现代码

May 11 Javascript

jquery简单的弹出层浮动层代码

Apr 27 Javascript

javascript自动恢复文本框点击清除后的默认文本

Jan 12 Javascript

TypeOf这些知识点你了解吗

Feb 21 Javascript

详解jQuery中ajax.load()方法

Jan 25 Javascript

使用vue-infinite-scroll实现无限滚动效果

Jun 22 Javascript

Javascript通过控制类名更改样式

May 24 Javascript

深入理解javascript prototype的相关知识

Sep 19 Javascript

JS实现横向轮播图（中级版）

Jan 18 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

Win2003服务器安全加固设置－-进一步提高服务器安全性

2007/05/23 PHP

php 变量未定义等错误的解决方法

2011/01/12 PHP

PHP中使用Imagick读取pdf并生成png缩略图实例

2015/01/21 PHP

php获取汉字拼音首字母的方法

2015/10/21 PHP

ThinkPHP5与单元测试PHPUnit使用详解

2020/02/23 PHP

改版了网上的一个js操作userdata

2007/04/27 Javascript

TopList标签和JavaScript结合两例

2007/08/12 Javascript

ajax异步刷新实现更新数据库

2012/12/03 Javascript

setTimeout()与setInterval()方法区别介绍

2013/12/24 Javascript

JavaScript开发人员的10个关键习惯小结

2014/12/05 Javascript

基于jquery实现复选框全选，反选，全不选等功能

2015/10/16 Javascript

JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例

2015/12/04 Javascript

vue中渐进过渡效果实现

2016/10/27 Javascript

深入学习Bootstrap表单

2016/12/13 Javascript

用v-html解决Vue.js渲染中html标签不被解析的问题

2016/12/14 Javascript

AngularJS实现tab选项卡的方法详解

2017/07/05 Javascript

JavaScript中的FileReader图片预览上传功能实现代码

2017/07/24 Javascript

详解Node.js利用node-git-server快速搭建git服务器

2017/09/27 Javascript

vue-cli webpack模板项目搭建及打包时路径问题的解决方法

2018/02/26 Javascript

详解微信小程序-扫一扫 wx.scanCode() 扫码大变身

2019/04/30 Javascript

微信小程序自定义组件components(代码详解)

2019/10/21 Javascript

解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题

2019/11/20 Javascript

基于javascript的无缝滚动动画1

2020/08/07 Javascript

JavaScript实现网页动态生成表格

2020/11/25 Javascript

python模拟新浪微博登陆功能(新浪微博爬虫)

2013/12/24 Python

Django框架中处理URLconf中特定的URL的方法

2015/07/20 Python

详解Python 模拟实现生产者消费者模式的实例

2017/08/10 Python

关于Django ForeignKey 反向查询中filter和_set的效率对比详解

2018/12/15 Python

Python常用编译器原理及特点解析

2020/03/23 Python

numpy矩阵数值太多不能全部显示的解决

2020/05/14 Python

Python3基于plotly模块保存图片表格

2020/08/03 Python

Yves Rocher捷克官方网站：植物化妆品的创造者

2019/07/31 全球购物

物流经理自我评价

2013/09/23 职场文书

计算机专业推荐信范文

2013/11/27 职场文书

销售简历自我评价怎么写

2014/09/26 职场文书

Mysql数据库表中为什么有索引却没有提高查询速度

2022/02/24 MySQL