WordPress表情不会动了?怎么回事?

GD Star Rating
loading...

首先请刷新下~~

如果还是不会动。。。那么就证明我成功了!哈哈,是不是有点莫名奇妙?

因为你现在看到的所有表情其实都在一个图片文件里,是个静态的GIF,大小5.32KB,这个就是昨天晚上忙乎了几个小时的效果。

所有表情看起来像是图片,即img标签,其实是a标签,这是用CSS sprites做的效果。从认识这个CSS Sprites开始我就异常喜爱,因为他可以很轻松的减小图片的数量和大小。

目前在IE6下面还没有测试,别的浏览器好像显示都正常了。如果有错位或其他bug请提出,方法今天整理好就放出,敬请期待!

已有32条评论 发表评论

  1. 万戈 /

    服了,这个折腾的太有创意了,居然把表情给合并了,还是你牛~

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(4): 没事折腾下,这个我前些天想到了不过一直没有实现 呵呵

      GD Star Rating
      loading...
  2. QQ心情 /

    呵呵 改版了额 不错的板子~~

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(17): 还可以吧,不过还有要完善的 呵呵

      GD Star Rating
      loading...
  3. 老七 /

    不知道。。。呵呵~~

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      哈哈 方法我已经放出了,刚写完~~ :(4):

      GD Star Rating
      loading...
  4. ALON /

    很想知道 博主你站上这个小头像是怎么弄上去的!!

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      小头像?你是说哪个?

      GD Star Rating
      loading...
      1. ALON /

        就是评论框上面这个…我的头像跟你的不同 我想换成你这样的 :(18):

        GD Star Rating
        loading...
  5. 猫食 /

    博主威武……

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(17): 嘿嘿~~

      GD Star Rating
      loading...
  6. vaman /

    嗯,不动了,火狐下面

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(4): 哈哈,如果会动就神奇鸟~~

      GD Star Rating
      loading...
  7. 混生 /

    我觉得不动,看起来表情很丰富。

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(16): :(16): :(16): 有人站在我这边了

      GD Star Rating
      loading...
  8. ifenwen /

    本来也想搞个的 现在看来 不用了

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      额。。。

      GD Star Rating
      loading...
  9. Ray Chow /

    不会动了……这样感觉页面就死了

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      不会啊~~ 其实差别不大的,有很多博客表情都是静态的,可能是校内表情通常是动态的大家看习惯了

      GD Star Rating
      loading...
  10. 朵未 /

    动的多好啊,还是你有个性。 :(24):

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(18): 其实效果也没差多少,但是加载的图片数量却少了很多

      GD Star Rating
      loading...
  11. 龙崽 /

    擦,刷了下打不开了

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(7): 不是吧,难道刚才在改东西正好被你碰见了?

      GD Star Rating
      loading...
  12. 空灵调调 /

    空灵调调 第一时间回访 呵呵 很简洁 很大方的主题 我喜欢·~~

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      呵呵,最近才改的,还缺个logo :(11):

      GD Star Rating
      loading...
  13. winw-google blogs /

    没沙发了

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(4): 来晚了啊

      GD Star Rating
      loading...
  14. 且听风吟 /

    抢个沙发真不容易

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      哈哈,是啊 :(23):

      GD Star Rating
      loading...
  15. 绍兴小杜 /

    是的啊~你的怎么不会动,我的会动的

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      因为中间有一句话你没看~~ :(18):

      GD Star Rating
      loading...
  16. 绍兴小杜 /

    先沙发了

    GD Star Rating
    loading...

回复给zenoven 取消回复