非常简单的jQuery实现网页图片圆角
2012-03-27 15:48
225 查看
W3C很早就已经在CSS 3 中加入了圆角属性border-radius,但是由于某些流行浏览器的不支持,使得其还是没能被广泛使用,所以我们会想尽办法去进行更好的补充,包括背景图片的圆角实现、js圆角实现等等。但是这些方法在实现的过程中,总是会增加很多无谓的工作任务,而且还有可能无法做到浏览器之间的兼容性,那么就介绍一个非常简单的jQuery圆角实现效果吧,说是圆角有点小看它了,因为它可以实现的不止是圆角,看这张图就知道了。
![](http://my.csdn.net/uploads/201203/27/1332834827_7413.jpg)
使用jQuery圆角插件 jquery.corner 来解决这个问题,一个代码就足够了:
同样实现一个带边框的圆角效果:
足够简单了吧.
jQuery圆角插件演示:http://malsup.com/jquery/corner/
jQuery圆角插件官方: http://www.malsup.com/jquery/corner/
![](http://my.csdn.net/uploads/201203/27/1332834827_7413.jpg)
使用jQuery圆角插件 jquery.corner 来解决这个问题,一个代码就足够了:
$('.round').corner("10px"); |
$('div.rounded_box').wrap(' '); $('div.rounded_box').corner("round 8px").parent().css('padding', '2px').corner("round 10px"); |
jQuery圆角插件演示:http://malsup.com/jquery/corner/
jQuery圆角插件官方: http://www.malsup.com/jquery/corner/
相关文章推荐
- jquery简单图片切换显示效果实现方法
- 使用jQuery简单实现产品展示的图片左右滚动功能
- jquery代码实现简单的随机图片瀑布流效果
- jquery+css实现简单的图片轮播效果
- javascript - 简单实现一个图片延迟加载的jQuery插件
- 自写jQuery插件,实现简单网页遮罩层/弹出层功能,兼容IE6、IE7
- JQuery实现简单的图片滑动切换特效
- 利用JavaScript及jQuery实现图片预加载的简单方法
- 用最简单的例子实现jQuery图片即时上传
- HTML5与jQuery实现渐变绚丽网页图片效果
- 使用JQuery实现简单的图片切换
- jquery 圆角遮罩图片实现图片圆角
- jquery实现简单的图片查看器
- Python实现简单网页图片抓取完整代码实例
- 自定义控件-圆角图片简单实现
- css jquery 实现图片轮换带效果,点击图片可跳网页
- 用最简单的例子实现jQuery图片即时上传
- jquery实现简单易懂的图片展示小例子
- 网页中图片轮翻效果(js+jQuery实现)
- jquery实现简单的图片轮播