⊹⊱⋛⋋ISong榮耀ζ組織™⋋⋛⊱⊹

送给圆角的重度喜好者

经典方案 （css/jquery）

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script type=”text/javascript” src=”js/jquery.corners.js”></script>
<script type=”text/javascript”>
$(function(){
$(‘.box’).corners(’10px’);
});
</script>

<div>
<!–CONTENT–>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.corners.js"></script>
<script type="text/javascript">
$(function(){
	$('.box').corners('10px');
});
</script>

<div>
	<!--CONTENT-->
</div>

CSS3 方案

<style type=”text/css”>
.box {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
</style>

<div>
<!–CONTENT–>
</div>

<style type="text/css">
.box {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
</style>

<div>
	<!--CONTENT-->
</div>

还有附带视频

This entry was posted on Monday, October 26th, 2009 at 1:40 PM and is filed under CSS, jQuery, reMix. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.