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 相关文章推荐
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
禁止按回车键提交表单的方法
Jun 11 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
bootstrap laydate日期组件使用详解
Jan 04 Javascript
vue组件父子间通信详解(三)
Nov 07 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
js实现计时器秒表功能
Dec 16 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
PHPlet在Windows下的安装
2006/10/09 PHP
用PHP生成html分页列表的代码
2007/03/18 PHP
php使用百度天气接口示例
2014/04/22 PHP
thinkphp3.2实现跨控制器调用其他模块的方法
2017/03/14 PHP
PHP+jQuery实现即点即改功能示例
2019/02/21 PHP
Laravel框架学习笔记之批量更新数据功能
2019/05/30 PHP
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
js 判断控件获得焦点的示例代码
2014/03/04 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
JS实现完全语义化的网页选项卡效果代码
2015/09/15 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
2017/05/28 Javascript
vue微信分享 vue实现当前页面分享其他页面
2017/12/02 Javascript
JQuery元素快速查找与操作
2018/04/22 jQuery
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
Python三级目录展示的实现方法
2016/09/28 Python
Python实现抓取网页生成Excel文件的方法示例
2017/08/05 Python
Python中pillow知识点学习
2018/04/30 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
python pyg2plot的原理知识点总结
2021/02/28 Python
傲盾软件面试题
2015/08/17 面试题
母婴店促销方案
2014/03/05 职场文书
2014领导班子四风问题对照检查材料思想汇报
2014/09/21 职场文书
2014年终个人总结报告
2015/03/09 职场文书
企业办公室主任岗位职责
2015/04/01 职场文书
Pytest之测试命名规则的使用
2021/04/16 Python
Html5调用企业微信的实现
2021/04/16 HTML / CSS
JavaScript实现外溢动态爱心的效果的示例代码
2022/03/21 Javascript
vue生命周期钩子函数以及触发时机
2022/04/26 Vue.js
SpringBoot项目部署到阿里云服务器的实现步骤
2022/06/28 Java/Android