当网站页面的总体布局设计好后,接下来有不少细节的实现是很让人头疼的。
其中之一就是圆角矩形的实现。 javascript
在网上看了不少圆角矩形的实现方法,基本有两种:
一种是:用纯css实现,不须要背景图片;
一种是:用背景图像实现;
可是无论是哪种,都有一个共同的缺点:须要使用不少代码来嵌套,而这些代码对搜索引擎来讲毫无心义;
在《css cookbook》一书中介绍了一种实现圆角矩形十分简洁的方法,那就是用Nifty Corners Cube。
支持主流浏览器:IE5.5, IE6 and IE7 beta 2 preview, Opera 8.5, Firefox 1.5 and Safari 2.0 css
<script type="text/javascript" src="niftycube.js"></script> <script type="text/javascript"> window.onload=function(){ Nifty("div#box","big"); } </script>
详情访问 Nifty Corners Cube官网:http://www.html.it/articoli/niftycube/index.html html
另外还有一个使用jQuery插件的多角(圆角、方角、等等N多种效果)
那就是jQuery Corner
官网:http://malsup.com/jquery/corner/ java