页面加载时的语义 UI 转换

Semantic UI transitions on page load

本文关键字：语义 UI 转换 加载      更新时间：2023-09-26

我正在使用语义ui。我希望在浏览器中加载页面时发生过渡。我现在能做的就是徘徊在过渡上。可以做到吗？

$(document).ready(function(){
  $('#animate').hover(function(){
        $(this).transition({
    debug     : true,
    animation : 'jiggle',
    duration  : 500,
    interval  : 200
  });
    }, function(){});
});
<h1 class="ui header" id="animate">
   <div class="content">
      Hello
      <div class="sub header">hello.</div>
   </div>
</h1>

您可以在文档就绪函数上向 DOM 元素添加过渡。

$(document).ready(function(){
    $('#animate').transition({
        debug     : true,
        animation : 'jiggle',
        duration  : 500,
        interval  : 200
    });
});

这是小提琴

相关文章：