HTML代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test1.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<!-- 使用滤镜 ,a:hover表示鼠标移到上面-->
<style type="text/css">
a:link img {
filter:gray;
}
a:hover img{
filter:"";
}
</style>
</head>
<body>
<a href=""><img src="image/1.jpg" /></a>
<a href=""><img src="image/2.jpg" /></a>
<a href=""><img src="image/3.jpg" /></a>
<a href=""><img src="image/4.jpg" /></a>
</body>
</html>
href="",不能写成href="#",否则显示不了,我用的是360浏览器测试。