编程 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 相关文章推荐

js 小贴士一星期合集

Apr 07 Javascript

jQuery版Tab标签切换

Mar 16 Javascript

js判断样式className同时增加class或删除class

Jan 30 Javascript

JS+CSS简单树形菜单实现方法

Sep 12 Javascript

js调出上下文菜单的实例

Dec 17 Javascript

jQuery formValidator表单验证

Jan 07 Javascript

JavaScript实现给定时间相加天数的方法

Jan 25 Javascript

Bootstrap CSS组件之大屏幕展播

Dec 17 Javascript

jQuery手指滑动轮播效果

Dec 22 Javascript

npm 语义版本控制详解

Sep 10 Javascript

Vue 中使用富文本编译器wangEditor3的方法

Sep 26 Javascript

Vue Router 实现动态路由和常见问题及解决方法

Mar 06 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表单提交问题的解决方法

2011/04/12 PHP

PHP定义字符串的四种方式详解

2018/02/06 PHP

PHP编程实现的TCP服务端和客户端功能示例

2018/04/13 PHP

JQuery 应用 JQuery.groupTable.js

2010/12/15 Javascript

用jQuery获取IE9下拉框默认值问题探讨

2013/07/22 Javascript

JS实现鼠标单击与双击事件共存

2014/03/08 Javascript

JavaScript常用验证函数实例汇总

2014/11/25 Javascript

深入理解JavaScript系列（29）：设计模式之装饰者模式详解

2015/03/03 Javascript

javascript实现点击后变换按钮显示文字的方法

2015/05/13 Javascript

JS对字符串编码的几种方式使用指南

2015/05/14 Javascript

jQuery的each循环用法简单示例

2016/06/12 Javascript

JavaScript遍历求解数独问题的主要思路小结

2016/06/12 Javascript

JavaScript中的Reflect对象详解(ES6新特性)

2016/07/22 Javascript

Bootstrap和Angularjs配合自制弹框的实例代码

2016/08/24 Javascript

javascript实现鼠标点击页面移动DIV

2016/12/02 Javascript

详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持

2017/10/21 Javascript

快速了解vue-cli 3.0 新特性

2018/02/28 Javascript

Vue实现自定义下拉菜单功能

2018/07/16 Javascript

Vue-router 报错NavigationDuplicated的解决方法

2020/03/31 Javascript

[50:22]完美盛典-2018年度红毯走秀

2018/12/16 DOTA

通过字符串导入 Python 模块的方法详解

2019/10/27 Python

解决Jupyter notebook中.py与.ipynb文件的import问题

2020/04/21 Python

Python实现清理微信僵尸粉功能示例【基于itchat模块】

2020/05/29 Python

Python3爬虫关于识别检验滑动验证码的实例

2020/07/30 Python

使用python操作lmdb对数据读取的实例

2020/12/11 Python

PyQt5中QSpinBox计数器的实现

2021/01/18 Python

意大利巧克力店：Chocolate Shop

2019/07/24 全球购物

一套Delphi的笔试题一

2016/02/14 面试题

本科生求职简历的自我评价

2013/10/21 职场文书

巡警年度自我鉴定

2014/02/21 职场文书

个人作风建设自查报告

2014/10/22 职场文书

新婚姻法离婚协议书范文

2014/11/30 职场文书

党员年终个人总结

2015/02/14 职场文书

2015年政风行风工作总结

2015/04/21 职场文书

房贷收入证明范本

2015/06/12 职场文书

教育读书笔记

2015/07/02 职场文书