PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

jQuery DIV圆角插件之JQuery Corner

jQuery DIV圆角插件之JQuery Corner

来源:PHP程序员站  作者:PHP程序员站  发布时间:2011-06-19
jQuery Corner 是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。最常用的就是把边角修饰成圆角。 实例: script type=text/javascript src=jquery-1.2.6.js/script script type=text/javascript src=jquery.corner.js/script div class=test

jQuery Corner 是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。最常用的就是把边角修饰成圆角。

实例:
<script type="text/javascript" src="jquery-1.2.6.js"></script>

<script type="text/javascript" src="jquery.corner.js"></script>

<div class="testCorner" style="width:200px; height:100px; border:3px solid red ; background-color:#0000FF;color:#00FF00;line-height:100px;">
$(this).corner("10px");

</div>

<script type="text/javascript">

    // className:testCorner

   $('.testCorner').corner("10px");

</script>


效果图1:

效果图2

效果图3

JQuery Corner 下载


延伸阅读:
百度有啊商城CSS+XHTML实现的圆角
css实现圆角图片
CSS圆角在CSS2和CSS3里的实现方法
7种CSS圆角框解决方案
css3中圆角和阴影的实验
让IE支持CSS3圆角的方法
jQuery圆角插件,实现兼容浏览器圆角效果
Tags:   Corner   插件   DIV圆角   jQuery  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号