手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2010年02月2日的文章

sexy button

对于非美工来说,做一个漂亮的button是件很痛苦的事情。当然,对于一位美工,即使是做个好一点的button,想来也不会太简单。你可以看看这里。。

或许你认为这样的BUTTON很简单:

大小: 9.46 K
尺寸: 295 x 85
浏览: 1330 次
点击打开新窗口浏览全图

这样自定义图标的呢?

大小: 2.72 K
尺寸: 198 x 45
浏览: 1357 次
点击打开新窗口浏览全图

那么,这样的呢?

大小: 4.59 K
尺寸: 262 x 51
浏览: 1330 次
点击打开新窗口浏览全图

如果上面都简单,那么还有这么多的样式呢,你认为怎么样?

大小: 40.96 K
尺寸: 290 x 376
浏览: 1322 次
点击打开新窗口浏览全图

觉得不错的话。到这里看看:http://sexybuttons.googlecode.com/svn/tags/1.0/index.html

如果觉得真不错,那么到:http://code.google.com/p/sexybuttons/下载吧。一些小图片加上CSS,不需要再利用js做圆角了。看看作者怎么说?

 

XML/HTML代码
  1. Sexy Buttons is a HTML/CSS-based framework for creating beautiful web site buttons. These stylish, attention getting buttons can be used for calls to action wherever user interaction is desired. Compare Sexy Buttons with the standard browser buttons:  
  2.   
  3. The framework is focused on being simple yet flexible and strives to be as easy to implement as possible.  
  4. Button Features  
  5.   
  6.     * The underlying HTML can use either <button> or <a> elements.  
  7.     * They are dynamic and shrink/expand to fit their text labels.  
  8.     * There are three states: normal, hover, and active.  
  9.     * The labels can include icons. Use one of the 1000+ included Silk icons or use your own. Icons are specified via HTML class attribute.  
  10.     * They use the sliding doors CSS technique for increased performance.  
  11.     * They support different skins by simply changing an HTML class attribute.  
  12.     * A layered Photoshop template is provided to assist in creating new skins.  
  13.     * Easy to implement.  
  14.     * No Javascript required.   

这些可是支持所有浏览器的哦