关注前端开发
关注用户体验

CSS3仿Javascript冒泡效果 简单易用

熟悉Javascript的同学都知道,写一个冒泡的效果很简单。css3的出现让简单的事情更容易使用和掌控,今天给大家介绍的就是纯CSS写的一个冒泡效果。

图片效果:

图片效果:

提示:源于CSS3,如果你用的是可怜的IE6只能看看了。用大前端主群里面小7的一句话就是:我们不应该为落后买单!!

此案例展示在Chrome、Firefox等主流非IE浏览器下显示效果甚佳,IE7、8显示佳,IE6靠边!

有疑问可下面交流···

未经允许不得转载:大前端 » CSS3仿Javascript冒泡效果 简单易用
分享到:更多 ()

评论 10

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #10

    哪里看效果!~!

    漂泊5年前 (2012-08-06)回复
  2. #9

    这个很喜欢,但是IE6不支持,只能用JS 😡

    Ben6年前 (2011-06-24)回复
  3. #8

    不错,学习了

    web前端寒风6年前 (2011-06-08)回复
  4. #7

    哇。。看了效果。。感觉超赞。。 😳

    my way6年前 (2011-03-23)回复
  5. #6

    😛
    纯CSS写的一个冒泡效果很赞,支持!!!

    春日暖阳6年前 (2011-02-11)回复
  6. #5

    CSS3 Geili

    书痕6年前 (2011-02-10)回复
  7. #4

    :mrgreen: 效果很赞啊

    popo4j6年前 (2011-02-09)回复
  8. #3

    :mrgreen: 这个不错,要顶!!!!

    蜜瓜6年前 (2011-02-06)回复
  9. #2

    想知道
    用js和用css实现类似的一种效果,浏览器执行谁的效率比较高

    咖啡凉了6年前 (2011-02-03)回复
  10. #1

    不错哦~~~

    wiskeyjohn6年前 (2011-02-01)回复

themebetter 国内更好的WordPress主题服务商

立即前往