时间戳

首页 > 解决方案 > 如何在触摸或鼠标悬停时加载内容？

javascript - 如何在触摸或鼠标悬停时加载内容？

问题描述

如何在鼠标悬停或在 javascript 的帮助下加载HTML内容？touchmove

例如，我只想<div id="mydiv">在用户鼠标悬停时加载整个内容。

<div id="mydiv"> 
    <p>content</p> 
    <span> something </span> 
</div>

我希望它提高页面速度得分的性能。通过使用 CSS 它没有帮助

标签： javascripthtml

解决方案

尝试使用 CSS 不透明度

#mydiv:hover {
  opacity: 100;
  cursor: pointer;
}
#mydiv {
  opacity: 0;
  cursor: pointer;
}
<div id="mydiv" > 
  <p>content</p> 
  <span> something </span> 
</div>

推荐阅读