我正在开发一个应用程序,我想在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 事件来在第一次页面加载后触发动画。