网页圆角设计呢,真叫我又爱又恨的,虽然说实现起来并不困难,但是总觉得都不怎么完美!
最简单的CSS3 总有浏览器不兼容,用图片+CSS定位实现不仅麻烦、不符合标准,而且还是有顽固分子不兼容,所以好一段时间我都抛弃了圆角设计,不过慢慢看来总觉的这样的网页缺少点什么!
今天决定再重拾圆角!
这次用到的是jQuery Corner这个插件,实现方法非常简单!
举个简单的例子:
<div id="box">HELLO</div>
<script type="text/javascript">
// 将id为box的DIV四个角都圆角化
$("#box").corner();
</script>
<script type="text/javascript">
// 将id为box的DIV四个角都圆角化
$("#box").corner();
</script>
不过呢,世界哪有完美的事情,除IE9以外,其他IE浏览器都不支持这一效果的!
更多的圆角例子可以到官网看看: http://malsup.com/jquery/corner/
2011-12-07
No Comments >>
