搜索:
首页 >> 网页设计 >> CSS/HTML >> 各种鼠标经过图片边框加粗效果整理

各种鼠标经过图片边框加粗效果整理

2007-9-29 作者:天空诚 来源:蓝色理想 网友评论投递文章

本文整理了3种鼠标经过图片,图片边框加粗或改变颜色的方法,希望大家喜欢。下面3中只是提供了一个方法,具体的鼠标经过图片的样式,你自己可以修改为你想要的效果,知道了方法,想做个好的效果就不难了!

呵呵,本站也有这个图片显示效果:请看:http://www.aspxhome.com/design/css/ 这里我只是改变了边框的颜色。

方法一:通过js结合CSS来实现,当鼠标经过图片时js代码动态的改变了图片的CSS样式,使得图片加上了边框。

作者:colinivy

[提示:你可先修改部分代码,再按运行]

二:纯css样式实现,推荐!

这种方法只要css就可以实现了鼠标经过图片样式的变化。更加的符合标准,兼容性应该更好。

作者:dolldom

[提示:你可先修改部分代码,再按运行]

三:js+css实现

与第一种方法不同,使用了onmouseover和onmouseout来控制鼠标经过图片的样式变化。

[提示:你可先修改部分代码,再按运行]

Tags:图片  边框  鼠标 
站长工具
百度相关搜索查询:
相关文章
loading 请稍等,评论加载中...

学习Asp到Asp之家(Aspxhome.com)

闽ICP备09044667号-4