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

左右悬浮可分组的网站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