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

CSS3仿Javascript冒泡效果 简单易用

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

图片效果:

图片效果:

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

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

有疑问可下面交流···

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

评论 17

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

    Hello, i like the way you post on your blog, 

    cat care2周前 (05-09)回复
  2. #16

    Thanks for this nice post. …

    Puistjes1个月前 (04-19)回复
  3. #15

    Keep up the good work! Thanks.

    Rocasea1个月前 (04-18)回复
  4. #14

    Looks realy great! Thanks for the post.

    Couperose1个月前 (04-17)回复
  5. #13

    I was able to find good advice from your blog articles.

    DMC52个月前 (03-31)回复
  6. #12

    aggressive as men when they are driving. They are much less likely to be the instigator in a road rage incident, for example. It is also

    my singing monsters2个月前 (03-28)回复
  7. #11

    I went over this internet site and I believe you have a lot of fantastic information, saved to favorites (:.

    Mauricio Duncklee2个月前 (03-11)回复
  8. #10

    哪里看效果!~!

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

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

    Ben8年前 (2011-06-24)回复
  10. #8

    不错,学习了

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

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

    my way8年前 (2011-03-23)回复
  12. #6

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

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

    CSS3 Geili

    书痕8年前 (2011-02-10)回复
  14. #4

    :mrgreen: 效果很赞啊

    popo4j8年前 (2011-02-09)回复
  15. #3

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

    蜜瓜8年前 (2011-02-06)回复
  16. #2

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

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

    不错哦~~~

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

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

立即前往