jquery - 使用 jQuery 模拟悬停

Question

给定现有的“按钮”

HTML:

 <div id="MB">
    <ul class="list">
       <li id="post-5"><a href="#post-5">5</a></li>
       <li id="post-4"><a href="#post-4">4</a></li>
       <li id="post-3"><a href="#post-3">3</a></li>
       <li id="post-2"><a href="#post-2">2</a></li>
       <li id="post-1"><a href="#post-1">1</a></li>
    </ul> 
 </div>

CSS:

  #MB .list li a {
        float:left;
        color:#333;
        background:#f6f6f6;
        border:1px solid #eaeaea;
        border-right:none;
        padding:0 8px;
        }

   #MB .list li a:hover,
   #MB .list li a:focus {
        color:#fff;
        border:1px solid #333333;
        border-right:none;
        background:#404040;
        text-decoration:none;
        }

我想每隔 n 秒按顺序在每个按钮上自动模拟“悬停”。

这意味着每 n 秒一个按钮“悬停”(改变颜色等)，在下一个时间间隔“关闭”，下一个按钮将“打开”等等...

Answer 1

我会使用 setInterval和 jQuery.trigger('mouseover', …) .