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

作者站点链接;
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


归类于： Javascript — dodo @ 1:34 pm 评论(8)

8条评论

  1. 不错

    沙漠 —— 2006年03月23日 @3:35 pm

  2. 很好，支持！

    funyaya —— 2006年03月23日 @5:30 pm

  3. 实现方法很久以前就有人提过，前几天我用Nifty实验的地址

    http://www.dcshooter.com/temp/css_nifty.html

    poorfish —— 2006年03月23日 @6:20 pm

  4. 好黑

    http://www.googlevpn.cn

    googlevpn —— 2006年03月26日 @4:50 pm

  5. 不用js也可以做的，哪天我舒服挑战一下。

    concorde —— 2006年03月26日 @9:40 pm

  6. dodo，我想将我博客左边栏的一些栏目放到右边，应该用什么方法啊？可以在Donews的自定义CSS里面实现么？望不吝赐教！

    PeterSages —— 2006年03月28日 @11:17 am

  7. 很好

    以前我的做法是用图片

    现在又有一种办法了

    呵呵～～

    www.gmai8.com —— 2006年03月30日 @7:05 am

  8. hen bu cuo

    324234 —— 2006年09月18日 @1:14 pm

发表评论

评论也有版权！