代碼很兼容,操作也很簡單,分享給大家,只需要加載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.hugemanga.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>
|