通过菜单显示弹出窗口以及将鼠标悬停

时间:2018-07-03 10:33:03

标签: jquery

我已经开发了一个工具提示页面,可以在鼠标悬停时显示弹出窗口,就像显示重要地点的地图一样。悬停时会显示工具提示。我如何通过菜单激活同一弹出窗口,因为使用了多个弹出窗口

<div class="tt-wrapper mozy">
  <div class="dyk">
    <span class="tooltip">
      <div class="title">
        <a href="http://www.expo2020dubai.ae/" target="_blank">
          <h3>EXPO 2020 Dubai</h3>
      </div>
      <p>Expo 2020 is a Universal scale Registered Exposition 
time slot sanctioned by the Bureau International des Expositions, Paris on 27 
      November 2013. Dubai in the United Arab Emirates won the right to hold Expo 
2020..</p>
      </a>
    </span>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

您可以设置title属性以在html元素上显示弹出消息

赞:

 <p title="A pop up message" >

<div class="tt-wrapper mozy">
  <div class="dyk">
    <span class="tooltip">
      <div class="title">
        <a href="http://www.expo2020dubai.ae/" target="_blank">
          <h3>EXPO 2020 Dubai</h3>
      </div>
      <p title="A pop up message" >Expo 2020 is a Universal scale Registered Exposition 
time slot sanctioned by the Bureau International des Expositions, Paris on 27 
      November 2013. Dubai in the United Arab Emirates won the right to hold Expo 
2020..</p>
      </a>
    </span>
  </div>
</div>