图片点击后变灰色的CSs代码 - :::::::网络早市:::::::www.xiapiaoxue.com/bbs

【首页】→ 【建站杂谈】→ 主题：图片点击后变灰色的CSs代码

字体：大中小评论

图片点击后变灰色的CSs代码

发表：whjsqb (2009-8-1 8:21:18)

分类：建站杂谈 | 阅读：11312 | 评论：0 | 最新评论：2009-8-1 8:21:18 By

图片点击后变灰色的CSs代码，效果虽好，但是感觉不太实用，因为CSS代码有点繁琐，如果图片多的话，CSS代码会大的历害，仅供学习参考。

程序代码:

[ 复制代码 ] [ 运行代码 ]

<html>
<head>
<title>图片点击后变灰色的CSs代码</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
#menu {position:relative; width:300px; padding:2em 0; height:8em; overflow:hidden; margin:0 auto;}
.pic1, .pic2{display:block; float:left; height:50px; width:50px; margin:3px;}
#menu a:visited.pic1 {FILTER: gray;text-decoration:none;}
#menu a:visited.pic2 {FILTER: gray;text-decoration:none;}
#menu a.pic1 {background:url(http://www.xiapiaoxue.com/zaoshi/up/uplogo/200973154477565.jpg);text-decoration:none;}
#menu a.pic2 {background:urlhttp://www.xiapiaoxue.com/zaoshi/up/uplogo/200973161960581.jpg);text-decoration:none;}
</style>
</head>

<body>

<div id="menu">
<a class="pic1" href="/" target="_blank"> </a>
<a class="pic2" href="/" target="_blank"> </a>
<a class="pic3" href="/" target="_blank"> </a>
</div>
</body>
</html>

·上一篇：css制作菜单上浮动的小图标 ·下一篇：Js日期选择，可以重复使用

评论 | 引用

本文共0条评论

[返回]