如何在PageLoad上触发css :hover事件

How to trigger css :hover event on PageLoad

本文关键字：css hover 事件 PageLoad      更新时间：2023-09-26

我正在开发一个应用程序，我想在Pageload上打开封面。目前，它正在悬停时开放。另外，我想在打开封面后从内到外带出页面。

        <div id="onw" class="envelope">
          <p>From: <span>LOREM</span></p>
          <p>To: <span>IPSUM</span></p> 
      </div>
      <div class="open"></div>
        <div id="onee" class="content">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <p>Lorem ipsum dolor sit amet</p>
      </div>

CSS太长了，无法复制到这里，所以我将我的代码复制到Jsfiddle中

JSFiddle 示例 ：- http://jsfiddle.net/rushijogle/4vs0r6zx/

如果您不同意这个问题，请不要标记为否定

提前感谢

您应该删除:hover状态并使用另一个 html 类制作动画。 例如 .open.animateIt包含动画。

在这种情况下，您可以制作如下内容： 

jQuery(document).ready(function($) {
  jQuery('.open').addClass('animateIt');
});

此外，您需要一些 mouseEnter/MouseLeave 事件来在第一次页面加载后触发动画。

相关文章：