位置: 编程技术 - 正文
用滑动门技术设计按钮的图文教程(用滑动门技术设计一幅画)
编辑：rootadmin本文为翻译文章，全文地址： Tree 最近发布了一篇文章描述了一种他们拿出的设计按钮元素的技术，对于那些不熟练的人来说，表格按键是出了名的难以定制。典型的解决方案是使用浏览器提供的默认按钮，或者是使用一个图形输入。当图形输入完成了需求结果时，它请求创建一个新的图形为每一个按钮用它的文本“Baked-in”（没有提及以hovers交换它）。尽管Particle Tree的技术提供了一种可靠的方案，它不能满足我们的需求。我们需要一种使用了滑动门技术的按钮，一种真正的HTML文本，不需要请求JavaScript转滚或者提交表格。满足这些条件就意味着input和anchor元素被排除了。很显然,按钮元素正是我们唯一的选择。下面的技术示范了一种使用滑动门技术的跨浏览器的按钮的技术。查看Demo 标签： CSS： 程序代码 CSS For IE6和IE7（有时候需要） 就像你能看到的那样，每个状态使用了2个图片（总共4个图片）。进一步简化，可以将这些状态转化为两个。但这种想法的最初测试出现了不一致的结果。 浏览器支持：IE6，IE7，Firefox(mac/pc)，Safari，Opera，Camino等等。警告：为了使hover在IE6中有效，你将需要编写一个类触发器。尽管不像图片交换一样糟糕。 
本文链接地址:https://www.jiuchutong.com/biancheng/372030.html
转载请保留说明！
推荐整理分享用滑动门技术设计按钮的图文教程(用滑动门技术设计一幅画)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:用滑动门技术设计一幅画,用滑动门技术设计电梯,滑动门上应设置滑动,滑动门上应设置滑动,滑动门特点,滑动门使用场景,用滑动门技术设计一幅画,用滑动门技术设计一幅画,内容如对您有帮助，希望把文章链接给更多的朋友！
用div+css解决出现水平滚动条问题 十分郁闷的问题，看下我原来写的代码：无标题文档[Ctrl+A全选注:如需引入外部Js需刷新才能执行]居然出现了水平滚动条，问题是我定义的宽度才px啊
ul在Firefox和IE下的不同表现的解决方法 最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人
如何实现多风格选择 样式实时切换 我们在制作网站的时候，希望自己的网站是多风格的，用户可以根据自己的喜好选择不同的风格，这样的风格可以是布局上的变化，也可以是色彩上的
下一篇：用div+css解决出现水平滚动条问题(div +css)