DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 用js實現css3效果的圓角方法
用js實現css3效果的圓角方法
編輯:前端技巧     
找在IE下實現css3效果的圓角時找到的一個實例,沒有測試,不知道使用起來怎麼樣,有興趣的朋友可以自己試一下:
復制代碼代碼如下: <!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://www.qiuzhiquan.com/images/DD_roundies_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/club/websjy_index/53/
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved