幽灵资源网 Design By www.bzswh.com

  在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。
  相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面建立和载入一个图像,而不是为每一个按钮建立各自的图像。
  同一个图像可以使用在网页所有按钮的背景。按钮的文本标签都是简单的CSS风格文本。
  预先载入的图形/CSS混合风格的为数不多问题之一是对翻滚效果有所限制。使用这一技术的最简单的方法是,指定CSS风格文本的翻滚效果,并使用所有翻滚状态(rollover states)的相同按钮外形图像。这可以给你带来快速、简洁的翻滚效果,但在一定程度上限制了你的开发选项。
  你也可以建立一些可交替使用的按钮图像并构建你的CSS规则,以为不同的翻滚状态改变背景图像。然而,这些方法给你带来更多灵活的设计,但当浏览器首次载入图像文件时,这些可交替使用的铵钮图像会出现延迟现象(除非你采用预先载入按钮图像的方法)。
  预先载入图像技术已被人熟知,而且也被人们所接受。问题是预先载入图像增加了网页载入和出现在访问者浏览器的时间。用户访问的第一二分钟非常关键,所以你无论如何都必须使得网页的初始化更加快速。使用图形/CSS混合按钮可以减少图像预先载入的时间,当然如果预先载入能够消除,页面的初始化则更加快速。
  没有延迟的翻滚──不使用预先载入图像,这种方法可以满足不同的翻滚状态的可交替使用的按钮图像,而其中不需要任何图像文件的载入。
  为了获得一个典型的按钮翻滚效果,你通常需要建立三个独立的图像,如图A所示。其中一个是普通的按钮,一个是悬浮状态,以及一个是激活状态。普通按钮的图像文件将成为初始化页面载入的一部分,但其它两个图像将被分开地载入,这样使得它们能够在用户的浏览器中得以使用。
  无预先载入翻滚技术通过结合所有三个按钮外表图像而成为单一图像文件而得以实现,如图B所示。然而,不需要为每一翻滚状态指定不同的背景图像文件,你指定的是合成图像的位置偏移量。在页面初始化载入过程中,合成图像文件能够自动地载入,所以无需要预先载入;而且,在浏览器获得不同图像文件过程中也没有时间上的延迟。
  超大图像与背景图像位置偏移的结合使用可以使你有选择性地为每一按钮状态显示图像的不同部分。按钮文本的CSS框尺寸决定着显示在浏览器的背景图像的百分比。
  对于这一技术,你必须清楚按钮外表的确切水平和垂直尺寸,并正确使用这些尺寸,才能建立图像文件和按钮的CSS规则。
标签:
教程,网页制作,网页,按钮,图形,混合,风格,图像,载入,使用

幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。