如何用CSS实现鼠标移动到某张图片链接的时候 图片变成另外一张？
2个回答
展开全部
给你一个完整的代码，只需要加载自己的图片就可以用了（宽和高别忘了根据自己的图片也要修改）！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.pp a{
width:575px;
height:157px;
background:url(1.jpg);/*图片地址*/
display:block;
}
.pp a:hover{
width:575px;
height:157px;
background:url(2.jpg);/*替换的图片地址*/
display:block;
}
</style>
</head>
<body>
<div class="pp"><a href="#"></a></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.pp a{
width:575px;
height:157px;
background:url(1.jpg);/*图片地址*/
display:block;
}
.pp a:hover{
width:575px;
height:157px;
background:url(2.jpg);/*替换的图片地址*/
display:block;
}
</style>
</head>
<body>
<div class="pp"><a href="#"></a></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你一个完整的代码，只需要加载自己的图片就可以用了（宽和高别忘了根据自己的图片也要修改）！
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
<style>
.pp
a{
width:575px;
height:157px;
background:url(1.jpg);/*图片地址*/
display:block;
}
.pp
a:hover{
width:575px;
height:157px;
background:url(2.jpg);/*替换的图片地址*/
display:block;
}
</style>
</head>
<body>
<div
class="pp"><a
href="#"></a></div>
</body>
</html>
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
<style>
.pp
a{
width:575px;
height:157px;
background:url(1.jpg);/*图片地址*/
display:block;
}
.pp
a:hover{
width:575px;
height:157px;
background:url(2.jpg);/*替换的图片地址*/
display:block;
}
</style>
</head>
<body>
<div
class="pp"><a
href="#"></a></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
