CSS:通过hover控制切换固定栏内容

VIP文章 RickyJade

已于 2022-10-12 14:29:01 修改

阅读量363

点赞数

文章标签：前端 javascript html css

于 2022-10-10 14:13:01 首次发布

本文链接：https://blog.csdn.net/Shininlee/article/details/127242075

版权

设置这样一个固定侧边栏的在hover时改变显示内容：代码如下

<template>
  <div>
    <div class="button">
      <ul>
        <li class="l1">
          <div class="img1">
            <img src="@/assets/images/wechat1.png">
          </div>
          <div id="b1">
            <div class="button_1">
              <img src="@/assets/images/add.png">
              <div class="text">扫码加微信</div>
              <div class="triangle"></div>
            </div>
            <img src="@/assets/images/wechat_1.png">
          </div>
        <