jQuery Turnbox.JS - 没有用户交互的动画

Question

我真的很喜欢使用KeiichiroHirai的Turnbox.JS脚本(http://www.noht.co.jp/turnbox),

但是,此脚本似乎只适用于用户单击/悬停此脚本附加到的任何按钮.

我希望在DOM准备就绪时使用这些动画,

我试过了:

$(function() {
     $.turnBoxLink({
      box: ".example"
    });
});

但是因为我在这里发帖,显然不行.

先感谢您!

Answer 1

如果你想在 DOM 准备好时这样做，你应该将你的初始化代码包装到

$(document).ready(function() {
   // go when DOM is ready
});

或者

$(window).load(function() {
   // go when page and images are loaded
});

而且，Turnbox 可以这样初始化：

HTML 标记

<div class='login_form'>
   <h3>My form element<h3>
</div>

使用以下代码，您将获得额外简单的示例，没有任何选项。但出于测试目的，最好从这里开始：

$(".login_form").turnBox();

如果现在您想在特定事件（例如就绪或加载事件）启动动画，您可以使用以下方法来实现：

$(".login_form").turnBoxLink({
  box: ,
  events: "ready", // you can also try 'load'
  dist: "next"
});