网页设计中Hover属性的充分利用
发布时间:2018-09-14 05:26 所属栏目:30 来源:站长网
导读:通常,我们改变:font color,font styles, border styles,background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计,减少混乱和显示更多的额外信息。在这篇文章中,我将展示许多站点出色运用hover属性
通常,我们改变:font color,font styles, border styles,background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计,减少混乱和显示更多的额外信息。在这篇文章中,我将展示许多站点出色运用hover属性的例子,同样,我也将提供一个快速的教程,来实现不同的hover效果,so,read on。 1.使用hover美化布局 我用hover美化了IconDock的布局。举个例子,当鼠标滑过blog的标题或者边栏链接,就会有一个箭头显示出来。
2.运用hover属性减少混乱 QBN布局看起来比较清秀,原因在于影藏了一些额外的默认按钮。鼠标滑过一个连接块的时候,按钮就会显示出来。想象一下把这些按钮都显示出来是多么的混乱呀!
Gucci精心设计产品图片,把有关的描述变更影藏起来。鼠标滑过图片,描述板块显示出来,你还可以点击上面的链接。
(编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读