非常简单的jQuery实现网页图片圆角

转载 2012年03月27日 15:48:42
 

W3C很早就已经在CSS 3 中加入了圆角属性border-radius,但是由于某些流行浏览器的不支持,使得其还是没能被广泛使用,所以我们会想尽办法去进行更好的补充,包括背景图片的圆角实现、js圆角实现等等。但是这些方法在实现的过程中,总是会增加很多无谓的工作任务,而且还有可能无法做到浏览器之间的兼容性,那么就介绍一个非常简单的jQuery圆角实现效果吧,说是圆角有点小看它了,因为它可以实现的不止是圆角,看这张图就知道了。


使用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/

一个简单的html测试tomcat本地服务器的问题处理二

一、关于文章:一个简单的html测试tomcat本地服务器的问题处理一种的错误结果处理 在服务端代码中对response添加头部设置处理,并设置数据格式 代码如下 : resp.setContent...
  • gezi2015129
  • gezi2015129
  • 2017年03月08日 13:47
  • 436

JQuery 网页选项卡制作

网页选项卡可以较好的利用有限的页面来展示更多的元素,而使用JQuery来制作网页选项卡也是一件非常简单的事情。今天就来分享一个网页选项卡的制作小技巧。引入所需库这个知识点很基础,但是为了照顾fresh...
  • Marksinoberg
  • Marksinoberg
  • 2016年07月27日 18:01
  • 6330

js给图片加圆角

下载地址:http://www.netzgesta.de/corner/corner.zipjava开源大全:http://www.open-open.com/ http://www.open-ope...
  • djt
  • djt
  • 2007年08月28日 14:57
  • 287

jquery实现的网页计数器

需求背景:门户网站特别是商务型网站实时统计加入某项活动的人数: 前端效果设计:根据访问的实时人数将数字实时反映到列表上,用的元素是 cite  em ,用jquery效果控制数字画面实时翻转的效果。 ...
  • ligaogang
  • ligaogang
  • 2015年05月17日 00:31
  • 1813

js 实现页面两边广告, 可关闭对联广告 随滚动条滚动 符合w3c标准

 以下为js代码 ,保存名称与调用名称相同 ,此处采用ad.js:// 这是关闭飘浮广告的宽度,请根据你的广告内容而定var hbcms_ad_width = 100;// 这是关闭飘浮广告的代码,可...
  • wudibaobei8
  • wudibaobei8
  • 2008年07月31日 18:36
  • 4390

三种方式实现圆角图片

最近在学习自定义view的时候看见了几个方法,一个是clipxxx(),一个是setShader(),一时有点懵,学习了一下,感觉还是很简单的,和xfermode有异曲同工之妙,所以写了个demo,来...
  • wzlyd1
  • wzlyd1
  • 2017年05月18日 18:18
  • 298

一起学android之设置资源图片为圆角图片 (28)

效果图: 参看以下代码: public class MainActivity extends Activity { private ImageView imageView1;...
  • GULINHAI12
  • GULINHAI12
  • 2015年03月16日 21:49
  • 1630

图片圆角

图片设置圆角
  • guojia7712
  • guojia7712
  • 2016年08月19日 14:41
  • 59

Android 绘制圆角图片的几种方式

Android 绘制圆角图片的几种方式: 一.使用PorterDuffXfermode  PorterDuffXfermode : 是设置两个图层交集区域的显示方式,所以我们可以这样想:一个圆与一个图...
  • u012247772
  • u012247772
  • 2016年09月28日 15:13
  • 293

Cocos2d 使用shader创建圆角图片,以及添加投影

最近在使用cocos creater编写一个应用,算是深入了解了下cocos creater,总体评估只能说令人遗憾,性能问题很是明显,想到现在市面上还有许多团队使用cocos2d-js开发游戏,确实...
  • zhaoxiaofeng44
  • zhaoxiaofeng44
  • 2017年06月05日 20:35
  • 837
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:非常简单的jQuery实现网页图片圆角
举报原因:
原因补充:

(最多只允许输入30个字)