html页面中鼠标悬停更换图片

最新推荐文章于 2024-05-04 15:31:42 发布

dujidujifish

最新推荐文章于 2024-05-04 15:31:42 发布

阅读量1.9w

点赞数 3

分类专栏： java web 文章标签： html web

本文链接：https://blog.csdn.net/weixin_37478818/article/details/80425222

版权

java web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>fish</title>
<style type="text/css">
.subLogo {
position: relative;
z-index: 1000000;
display: block;
float: left;
margin: 24px 0 0 10px;
background-position: -174px -36px;

}

.a1{
z-index: 1000;

}

.p{
width:400px;
height: 400px;
}
</style>
</head>

<body>

<div

class="subLogo" style="width:300px;height:300px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border:0;border-radius:0;background:none;">

<img class="p" border="0"

src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1527072486769&di=506f41392bb6bc2f447adeb0ae43ee2a&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201512%2F10%2F20151210093715_TLrJi.thumb.700_0.jpeg"

onMouseOver="this.src='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1527072486767&di=9c009e0ed5adbae44f24513fd7ce1aff&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201510%2F31%2F20151031141708_UtTjG.jpeg'"

onMouseOut="this.src='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1527072486769&di=506f41392bb6bc2f447adeb0ae43ee2a&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201512%2F10%2F20151210093715_TLrJi.thumb.700_0.jpeg'">

</a>
</div>
</body>

</html>

【如有侵权请联系删除】

dujidujifish

关注

3
点赞
踩
15

收藏

觉得还不错? 一键收藏
1
评论
html页面中鼠标悬停更换图片

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;fish&lt;/title&gt;&lt;style type="text/css"&gt;.subLogo { position: relative; z-index: 1
复制链接

扫一扫

专栏目录