最新消息:

第28款插件:jquery.corner.js圆角插件

高级页面 杨红伟 3216浏览 0评论

描述: jQuery Corner是一款jQuery的插件,最初由Dave Methvin开发,但后在Malsup同志的协助下,进行了一些重要的改进。
图片展示:

11

兼容浏览器:IE6+/Firefox/Chrome
官方链接:http://www.malsup.com/jquery/corner/
JS下载: http://www.ijquery.cn/js/jquery.corner.js
预览: http://www.ijquery.cn/demo/corner
打包下载: http://www.ijquery.cn/demo/corner/corner.zip
参数说明:具体可见官网,太详细了,功能也太多了,我这里介绍最简单的一个。也就是我们实际项目中用到的最多一个!

JS引用代码:

[js]

<script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.ijquery.cn/js/jquery.corner.js"></script>
<script language="javascript">
$(function(){
$(".round").corner();
});
</script>

[/js]

HTML代码:

[html]

<div class="round"></div>

[/html]

CSS代码:

[css].round{width:350px;height:200px;background-color: #6af;margin-top:100px;}[/css]

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址