css鼠标经过图片样式示例

发布时间:2019-07-26编辑:脚本学堂
本文介绍了css鼠标经过图片改变样式的方法,分享一个css鼠标经过样式的例子,有需要的朋友参考下。

每当鼠标经过超链接警方,可以设置其动态的变化,当鼠标经过图片时,也可以设置如加个边框,显示个背景,设置一下图片的透明度等,用于明显的显示此图片。

例子,css鼠标经过样式之图片样式。
 

复制代码 代码示例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效-用CSS控制图片透明度</title>
</head>
<body>
<style>
body{ font-size:12px;}
#top{position:absolute;}
#top a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;}
#top a:hover{font-size:9px;}
#top a:hover img{-moz-opacity:0.5; filter:alpha(opacity=80);cursor:hand;}
</style>
<div>
<div id="top"><a href="http://www.jb200.com" target="_blank"><img src=/html/small/1237987364.gif></a></div>
这里是一些文字</div>
</body>
</html>