鼠标滑过div出现另一个div并且点击会固定

最新推荐文章于 2024-05-21 14:15:14 发布

靓靓的圆子

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量663

点赞数

文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/weixin_45646663/article/details/130561104

版权

1，

<div style="margin-left: 36px;" class="list-body-swiper-item1">
  <ul class="p-info">
    <li><img :src="pInfo.source"/></li>
  </ul>
  <p class="list-body-swiper-item"> 滑过我的时候</p>
  <div @click.stop="FixedDiagnosis()" class="FixedDiagnosis" id="FixedDiagnosis1">
    <i class="iconfont iconpin4" style="color:#000;padding: 3px;"></i>
    出现另一个div。。。。。。。</div>
</div>

//固定诊断
FixedDiagnosis(){
    let box = document.getElementById("FixedDiagnosis1");
    if(this.num % 2 === 0){
      box.style.display="none";
    }else{
      box.style.display="block";
    }
    this.num++
  },

.FixedDiagnosis{
  display: none;
  position: absolute;
  top: -8px;
  left: 55%;
  background-color: rgba(255,128,0,0.9);
  cursor: pointer;
  border-radius: 10px;
  padding: 5px;z-index: 3;
}
.list-body-swiper-item1:hover > .FixedDiagnosis{
  display: block !important;
}