用滑动门技术设计按钮的图文教程

ttx9n

本文为翻译文章，全文地址：http://diger.cn/article.asp?id=351
原文地址：http://www.filamentgroup.com/lab/buttonElement/

Particle Tree 最近发布了一篇文章描述了一种他们拿出的设计按钮元素的技术，对于那些不熟练的人来说，表格按键是出了名的难以定制。典型的解决方案是使用浏览器提供的默认按钮，或者是使用一个图形输入。当图形输入完成了需求结果时，它请求创建一个新的图形为每一个按钮用它的文本“Baked-in”（没有提及以hovers交换它）。

尽管Particle Tree的技术提供了一种可靠的方案，它不能满足我们的需求。我们需要一种使用了滑动门技术的按钮，一种真正的HTML文本，不需要请求JavaScript转滚或者提交表格。满足这些条件就意味着input和anchor元素被排除了。很显然,按钮元素正是我们唯一的选择。下面的技术示范了一种使用滑动门技术的跨浏览器的按钮的技术。


查看Demo     
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>








浏览器支持：
IE6，IE7，Firefox(mac/pc)，Safari，Opera，Camino等等。

警告：为了使hover在IE6中有效，你将需要编写一个类触发器。尽管不像图片交换一样糟糕。

123456

终于找到了，我擦

kestlhoxn

儿飞飞微风DVD谁vdsvd

zzhxxx

儿飞飞微风DVD谁vdsvd

jasonlong

为全额万千瓦

mkonji

刷屏刷屏刷屏

vir5051

终于找到了，我擦

xf9hlg1

来看看！！！

wxrf98xr

hi哦和烦恼农家女

v3sfsi

搞个免费的用用