在
JQuery第五天里,作者谈的内容是
如何给一个容器增加边角图片.
今天我给大家说的也是
jquery修饰边角的应用,但不用到图片,
效果演示过程十分的简单的,即可以实现圆角的效果.
第一步:
导入jquery.js,
jq-corner.js第二步:
放置容器和和为容器定义样式
容器
<div class="demo"><h1>Round</h1> <p>这是默认样式</p></div>
样式 div.demo {
width: 18em; padding: 20px; margin: 1em;
background: #DFDFDF; color:#000; text-align: center; font: verdana, arial, sans-serif;
}
第三步:
为容器增加边角 <script type="text/javascript">
$(document).ready(function(){
$(function(){
$('div.demo').each(function() {$(this).corner();
});
});
});
</script>
这样一个
简单的边角效果就出来了.这是默认样式,更多请
查看这里
