描述: jQuery Corner是一款jQuery的插件,最初由Dave Methvin开发,但后在Malsup同志的协助下,进行了一些重要的改进。
图片展示:
兼容浏览器:IE6+/Firefox/Chrome
官方链接:http://www.malsup.com/jquery/corner/
JS下载: http://www.ijquery.cn/js/jquery.corner.js
预览: http://www.ijquery.cn/study/demo/corner
打包下载: http://www.ijquery.cn/study/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]