jquery圆角插件

摘要:
为了实现div的圆角效果,你还在用古老的背景图片拼凑的方法吗?如果你还在用这样的方式实现圆角,那我告诉你你真的out了,或许是我out了,竟然以前没发现有这样一个强大的jquery圆角插件,既然今天发现了,那我就不得不拿出来和大家分享了。

为了实现div的圆角效果,你还在用古老的背景图片拼凑的方法吗?还是在用各种浏览器不互相兼容的CSS方式?如果你还在用这样的方式实现圆角,那我告诉你你真的out了,或许是我out了,竟然以前没发现有这样一个强大的jquery圆角插件,既然今天发现了,那我就不得不拿出来和大家分享了。求发展,先分享,少废话,贴代码:-)

这个插件有一个特点是如果用户的浏览器支持border-radius圆角属性(Opera 10.5+, Firefox, Safari, and Chrome),那它就不生成多余的div,直接应用border-radius属性,否则就生成div来构造圆角,这样就可以省去很多不必要的麻烦。

这个插件的项目地址是:http://www.malsup.com/jquery/corner/

1、多种圆角类型:

插件提供很多种圆角类型供大家选择,大家可以按不同的需求构造不同的个性化圆角,以下是预览,还有很多,去主页上看吧。

jquery圆角插件第1张

2、可以控制每个角实现不同的圆角类型。

你可以任意指定哪个角应用圆角样式,用top、bottom、left、right、tl、tr、bl、br来控制,以下是代码及效果图

jquery圆角插件第2张

3、可以方便地调整圆角的大小。

jquery圆角插件第3张

4、各种类型的圆角可以在同一个div中混着用

jquery圆角插件第4张

更多的效果还是看看项目主页吧。http://www.malsup.com/jquery/corner/

免责声明:文章转载自《jquery圆角插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Java 查询数据后进行递归操作15.ThinkPHP 中间件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jQuery笔记

jQuery 是一个 JavaScript 函数库 jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 一、引入jQuery:    可以到jQuery官网http://jquery.com/downloa...

自定义样式滚动条

自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版本的支持性况: 滚动条样式 支持情况 支持浏览器版本 可否继承 描述 scrollbar-3dlight-color IE特有属性 IE5.5+ y 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-...

jQuery Validate 插件[表单验证 属性介绍]

详细介绍一下Validate插件 $("#form的Id").validate({ }) 属性 规则 描述 required:true 必须输入的字段 required: "#aa:checked"  表达式的值为真,则需要验证。 required: function(){}  返回为真,表示需要验证 remote:"check.ph...

JQuery弹出窗口,遮蔽窗口

http://www.malsup.com/jquery/block/#page   blockui遮罩某个控件时候是通过控件外的div来实现的 RWC趋势下,我多采用Jquery框架完成一些效果,有些可以自己写,更多情况都可以用网上现有的。 例如JQuery弹出窗口,遮蔽窗口,大概罗列一下,需要我满足我几个条件 一定要简洁方便 拥有遮蔽功能,Mode...

JS jQuery查看系统中安装的字体

1.下载插件:FontDetect插件 地址:http://www.lalit.org/lab/javascript-css-font-detect/ 或者复制以下代码到fontdetect.js: var Detector = function() {// a font will be compared against all the three def...

基于jQuery实现简单的js模块化

在多人合作完成网页,经常遇到大家的js代码相互影响的问题。现在有许多模块化的前端框架,应该是可以解决这个问题。但本人并非前端开发人员,那些框架都没用过,只对jQuery相对熟悉,就想用jQuery来解决这个问题。 首先相互影响主要有两个方面,一是js代码中定义的function名重复,导致覆盖问题;另一个是js操作页面元素时,大家使用的id、name、cl...