上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.3 网页中按钮的常见类型
在网页中按钮是一个非常重要的元素,按钮的美观性与创意是很重要的。设计有特点的按钮不仅能给浏览者以一个新的视觉冲击,还能给网站页面增值加分。
按照制作按钮使用的技术来分,网页中的按钮主要分为静态图片按钮、JavaScript翻转图片按钮及Flash动画按钮。目前,在网站中应用较多的是静态图片按钮和Flash动画按钮。
1. 静态图片按钮
静态图片按钮,顾名思义就是将按钮制作为静态图片的效果,其不会有任何的交互效果和动态效果。但是静态图片按钮与普通文字链接相比,显得更加美观、醒目,视觉效果更好,也更能够吸引浏览者的注意力,如图2-123所示。
图2-123
2. JavaScript翻转图片按钮
这种形式的按钮一般通过JavaScript语言来实现。JavaScript翻转图片按钮是JavaScript特殊按钮最常见的形式,即按钮在正常状态下是一幅图片,当鼠标指针移动到按钮上时,该按钮更换为另一幅图片,如图2-124所示。
图2-124
3. Flash动画按钮
Flash按钮在网站中的应用比较广泛,在网站广告中现在也常常出现Flash按钮效果。设计师已经意识到运用Flash按钮所能达到的表现效果远远大于普通按钮,特别是在游戏类网页界面中,使用Flash动画按钮可以大大增加网页界面的交互感和设计感,如图2-125所示。
图2-125