• Vinci_用户体验之路

  • 慢慢设计路'混沌互联网
  • 首页
  • 碎语
  • 留言板
  • 登录
  • 新浪微博翻页按钮样式

    [小教程]
    post by Vinci / 2010-2-1 15:02 Monday

    微博的翻页按钮挺简洁的,而且给人一种便于点击的感觉,研究了一下。具体的原理见下图:

    点击查看原图

    每一个按钮由左右2部分底图拼合而成,左部分在A标签层,右部分在EM标签层。A标签有一个padding-left:10px;的属性,露出被EM层覆盖的左边框底图。其余部分被EM层覆盖,并且EM层有一个background: url(img/mblog_btn.gif) no-repeat 100% -28px;的属性,100%令底图靠右边界显示,这样就拼合成一个可以伸缩的按钮了。不太明白的下载附件包自己研究研究就好了。

    附件下载:
    sina_button.rar 4.53KB
    « 黄色歌曲 | 天朝微博»

    引用地址:

    评论:

    百度
    2010-08-03 13:34
    很好
    塑料托盘
    2010-04-17 08:39
    真是“青蛙跳井——不懂(扑通)呀”
    亿时空电脑网
    2010-04-03 10:59
    CSS很强大,看似很简单,但是很难用好
    博主回复:是啊
    狒狒王
    2010-02-14 21:33
    VC,新年快乐,万事如意,虎虎生威!
    博主回复:彼此彼此~~
    博思
    2010-02-07 13:19
    是有点看不明白!
    XiangBei
    2010-02-06 20:09
    主要是为了减少图片连接请求,提高效率,可以用到很多地方,你可以注意下,有些网页一个页面CSS背景就用了一张图片
    博主回复:嗯
    Tangboke
    2010-02-05 16:08
    围脖现在很火

    发表评论:

  • EMER

      blogger
    • Vinci
    • 不给力啊,老湿~
  • 分享

    • 新浪微博分享分享到新浪微博
  • 新浪微博

  • 存档

    • 2010年8月(2)
    • 2010年7月(1)
    • 2010年6月(1)
    • 2010年4月(2)
    • 2010年3月(1)
    • 2010年2月(2)
    • 2010年1月(3)
    • 2009年12月(1)
    • 2009年11月(1)
    • 2009年10月(2)
    • 2009年9月(2)
    • 2009年8月(2)
    • 2009年7月(3)
    • 2009年6月(2)
    • 2009年5月(2)
    • 2009年4月(3)
    • 2009年3月(11)
    • 2009年2月(6)
    • 2009年1月(5)
    • 2008年12月(6)
    • 2008年11月(5)
    • 2008年10月(6)
    • 2008年9月(3)
    • 2008年8月(3)
    • 2008年7月(11)
    • 2008年6月(5)
    • 2008年5月(4)
    • 2008年4月(10)
    • 2008年3月(4)
    • 2008年2月(2)
    • 2008年1月(2)
    • 2007年12月(7)
    • 2007年11月(2)
    • 2007年10月(4)
    • 2007年9月(1)
    • 2007年7月(6)
    • 2007年6月(1)
    • 2007年4月(4)
    • 2007年3月(4)
    • 2007年2月(5)
    • 2007年1月(2)
    • 2006年12月(2)
    • 2006年11月(5)
    • 2006年10月(3)
    • 2006年9月(4)
    • 2006年8月(7)
    • 2006年7月(5)
    • 2006年6月(10)
    • 2006年5月(14)
    • 2006年4月(3)
  • 最新评论

    • nike sb
      呵呵  博主写了好多的文章啊  真厉害
    • 7980tk
      交换下链接哦,谢谢  7980.tk
    • 7980tk
      你好,Gloria博客是一个原创的电影在线观看博客,申请的贵站的友链。贵站的...
    • 最好的减肥药
      能解决问题的设计才是好的设计
    • 残雪易冷
      交换下链接哦,谢谢 我的:blog.csnowy.com
    • 无聊
      50多的电源。能带250w就不错了。还 AMDX3的440  显卡影驰9600GSO加强版的独立供电...
    • 百度
      很好
    • 北京保洁公司
      用户体验都有专门的人来进行设计,确实是非常复杂的事情。
    • dARIN
      按道理你比我大了,哈哈,叫你声哥吧 这就是传说中的EMLOG美工,Vinci 帅气...
    • 情趣内衣网
      用户体验这个东西其实不好做,每个人的需求不一样啊
  • 链接

    • emlog
    • 记忆Blog
    • 北京守望者
    • 一路向北
    • 残雪易冷
    • BAL
    • 崔仪飞博客
    • Gloria 电影博客
    • 春阳的部落格
    • 李贤的blog
    • 媛媛的部落格
    • xin观点
    • 烤鱼的地址
    • 我的一个设计师姐姐
  • 搜索

  • 博客信息

    • 日志数量:202
    • 评论数量:224
    • 引用数量:0
    • 今日访问:277
    • 总访问量:543788
订阅Rss
Powered by emlog