首页 » 建站技术 » 浏览内容

用javascript和CSS来做模拟网页中图片的圆角效果


2006-07-19 08:18:47 7,672 0 发表评论 字体: 作者:C.K.
标签: css语法javascript

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

From:http://blog.donews.com/dodo/archive/2006/03/23/788583.aspx

作者站点链接;
http://pro.html.it/niftycube/
例子:
http://pro.html.it/niftycube/nifty2.html
在做WEB设计的时候,,一般遇见圆角效果都用图片来实现.其实也可以用css+javascript实现
至于直接用圆角图片,,还是用JAVASCRIPT+CSS来模拟圆角效果,,那个更好,个人认为用图片来的简单一点,从代码量和圆角图片大小的对比来说,,也是图片小很多,,不过用JS也有好处,,就是不会PS的人可以偷懒,还有写成通用的类,可以随时引用
有兴趣的人可以从这个效果的JS和CSS,学到不少东西
作者说;:
Now, Nifty Corners are fully supported also in Internet Explorer 5.5, covering a very wide range of modern browsers: the examples that we'll see in this article have been successfully tested in IE6, IE5.5, Opera 7.6, Firefox 1.0 and Safari 1.1.

另外一个我觉得也比较BT的JS+CSS模拟效果

http://www.webreference.com/programming/css_borders/examples/krazy.htm

网站统计 Statistics

  • 创建时间: 2005年1月3日 距今5041 天
  • 日志总数: 2461
  • 评论总数: 630
  • 标签总数: 654
  • 链接总数: 273
  • 最后更新: 2018-8-31 17:57:04
  • 您是本站第 14063773 位访客

广告区 Guǎng Gào