jQuery を使用して Apple 公式 Web サイトのフォーカス マップの特殊効果を模倣する_jquery

$(document).ready(function(){
    /* このコードは DOM が完全にロードされた後に実行されます */
    var totWidth=0;
    var 位置 = new Array();
    $('#slides .slide').each(function(i){
        /* すべてのスライドをスキャンし、その累積幅を totWidth に保存します */
        位置[i]= totWidth;
        totWidth = $(this).width();
        /* 位置配列には、コンテナの左部分からの各スライドの相互オフセットが含まれます */
        if(!$(this).width())
        {
            alert("すべての画像の幅と高さを入力してください!");
            false を返します;
        }
    });
    $('#slides').width(totWidth);
    /* cotnainer div の幅を、すべてのスライドを合わせた正確な幅に変更します */
    $('#menu ul li a').click(function(e,keepScroll){
            /* サムネイルをクリック */
            $('li.menuItem').removeClass('act').addClass('inact');
            $(this).parent().addClass('act');
            var pos = $(this).parent().prevAll('.menuItem').length;
            $('#slides').stop().animate({marginLeft:-positions[pos] 'px'},450);
            /* スライドアニメーションを開始します */
            e.preventDefault();
            /* リンクのデフォルトのアクションを防止します */
            // アイコンがクリックされた場合に自動進行を停止します:
            if(!keepScroll) clearInterval(itvl);
    });
    $('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
    /* ページの読み込み時に、最初のサムネイルをアクティブとしてマークします */
    /*****
     *
     * 自動前進を有効にします。
     *
     ****/
    var current=1;
    関数 autoAdvance()
    {
        if(current==-1) return false;
        $('#menu ul li a').eq(current%$('#menu ul li a').length).trigger('click',[true]);    // 28行目のクリック関数のkeepScrollパラメータとして[true]が渡されます
        現在 ;
    }
    // スライダーが自動で進む秒数:
    varchangeEvery = 10;
    var itvl = setInterval(function(){autoAdvance()},changeEvery*1000);
    /* カスタマイズの終了 */
});