手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

sexy button

首页 > Misc >

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

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

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

这样自定义图标的呢?

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

那么,这样的呢?

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

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

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

觉得不错的话。到这里看看: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.   

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

 




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

发表评论

评论内容 (必填):