用js实现css3效果的圆角方法

前端  /  管理员 发布于 8年前   270 

找在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/

  • 上一条：
    什么情况下使用table 什么情况下使用css(经验分享)
    下一条：
    让IE6、IE7、IE8支持CSS3的圆角、阴影样式

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客