代码很兼容,操作也很简单,分享给大家,只需要加载JS文件即可!
JS调用方法:
DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);
DD_roundies.addRule('.websjy2', '5px', true);
DD_roundies.addRule('.websjy3', '500px', true);
复制代码
什么也不说了,狠狠的点在线演示:http://www.tswzjs.com/yyjx.html
解决IE9不兼容的方案:
<!--[if lte IE 8]>
<script src="js/DD_roundies_min.js"></script>
<script>
DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);
DD_roundies.addRule('.websjy2', '5px', true);
DD_roundies.addRule('.websjy3', '500px', true);
</script>
<![endif]-->
<style>
.websjy3{-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;}
.websjy2{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.websjy1{-moz-border-radius:5px 20px 3px 10px;-webkit-border-radius:5px 20px 3px 10px;border-radius:5px 20px 3px 10px;}
</style>
|