无敌的圆角效果JS代码库,超简单,更主要的是兼容

代码演示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
        <title>在线演示 - LHGCALENDAR</title>
<script type="text/javascript" src="http://dillerdesign.com/experiment/DD_roundies/DD_roundies_0.0.2a-min.js"></script>
<script type="text/javascript">
DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);DD_roundies.addRule('.websjy2', '5px', true);DD_roundies.addRule('.websjy3', '1000px', true);
</script>

<body>
<h3>效果1</h3>

<div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#66FFFF; margin-bottom:10px;" class="websjy1">32423</div>
<h3>效果2</h3>

<div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#EEE; margin-bottom:10px;" class="websjy2">32423</div>
<h3>效果3</h3>

<div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#ff0000; margin-bottom:10px;" class="websjy3">32423</div>

</body>
        </html>

 演示:http://www.websjy.com/bbs/viewthread.php?tid=12275 

下载JS: DD_roundies_min.js (8.23 KB) 

posted @ 2011-07-27 12:18  设计源  阅读(477)  评论(0编辑  收藏  举报