仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1051|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 今天来学习用js完成css3效果的圆角办法

[复制链接]
不帅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:37:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
我这个时候还没意识到div在一些新人眼中产生的误导会比我想象的严重,直到第二个美工上班。



找在IE下完成CSS3效果的圆角时找到的一个实例,没有测试,不晓得利用起来怎样,有乐趣的伴侣能够本人试一下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"><head>
<title>在线演示-LHGCALENDAR</title>
<scripttype="text/javascript"src="http://www.qiuzhiquan.com/images/DD_roundies_min.js"></script>
<scripttype="text/javascript">
DD_roundies.addRule(.websjy1,5px20px3px10px,true);DD_roundies.addRule(.websjy2,5px,true);DD_roundies.addRule(.websjy3,1000px,true);
</script>
<body>
<h3>效果1</h3>
<divstyle="border:1pxsolid#CCCCCC;width:200px;height:200px;background:#66FFFF;margin-bottom:10px;"class="websjy1">32423</div>
<h3>效果2</h3>
<divstyle="border:1pxsolid#CCCCCC;width:200px;height:200px;background:#EEE;margin-bottom:10px;"class="websjy2">32423</div>
<h3>效果3</h3>
<divstyle="border:1pxsolid#CCCCCC;width:200px;height:200px;background:#ff0000;margin-bottom:10px;"class="websjy3">32423</div>
</body>
</html>
预览效果:http://www.websjy.com/club/websjy_index/53/
大大增加了开发时间,同时也增加了开发成本。当然如果你是一个熟手,或者可以白天黑夜都加班而不用担心没有加班费,那可能不会。
山那边是海 该用户已被删除
沙发
发表于 2015-1-18 07:09:39 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
透明 该用户已被删除
板凳
发表于 2015-1-25 23:01:21 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
活着的死人 该用户已被删除
地板
发表于 2015-2-4 13:30:18 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
第二个灵魂 该用户已被删除
5#
发表于 2015-2-9 23:58:19 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
海妖 该用户已被删除
6#
发表于 2015-2-28 10:56:23 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
飘灵儿 该用户已被删除
7#
发表于 2015-3-9 23:14:31 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
变相怪杰 该用户已被删除
8#
发表于 2015-3-17 03:10:24 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
小女巫 该用户已被删除
9#
发表于 2015-3-23 18:12:26 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 18:15

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表