Js实现鼠标经过一张图片时同时出现另一张悬浮图片的代码

发布网友 发布时间:2022-04-23 17:30

我来回答

2个回答

热心网友 时间:2022-04-22 20:25

html:

<div class="tImg">
    <img class="sImg1" src="图片1"/>
    <img class="sImg2" src="图片2"/>
</div>

CSS:

.tImg {position:relative; width:320px; height:240px}
.tImg .sImg1 {width:320px; height:240px}
.tImg .sImg2 {display:none; position:absolute; right:2px; top:2px; width:100px; height:100px}
.tImg:hover .sImg2 {display:block}

热心网友 时间:2022-04-22 21:43

先定位隐藏在那,hover的时候显示

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com