0

http://tympanus.net/Tutorials/CufonizedFlyOutMenu/で遊んで 、フライインの説明を削除し、li.current-menu-item を「強調表示」するスタイルで追加の li をロードしようとしています。

以下を使用してオブジェクトをセットアップします。

var $moving = $('<li />',{
    class : 'move',
    top   : $selected[0].offsetTop + 'px',
        width : $selected[0].offsetWidth + 'px'
    });

コードの後半では、次のように操作されます。

function moveTo($elem,speed){
    $moving.stop(true).animate({
        top     : $elem[0].offsetTop + 'px',
        width   : $elem[0].offsetWidth + 'px'
    }, speed, 'easeOutExpo');
}

それは私が望むliアイテムを作成します...しかし、それは次のように表示されます:

<li class="move" top="41px" style="width: 73px; "></li>

トップをスタイルとして表示するにはどうすればよいですか? すべてがほとんど機能しています...しかし、ページの読み込み時に、すべてが開始されるまで「トップ」スタイルになりませんか?

http://jsfiddle.net/jq7YQ/26/をロードしましたが、まったく動作しません...ため息...しかし、ローカルで動作しますか?

私は新人です...だから私はおそらく何かばかげたことを見逃しています...またはこれを行うためのより良い方法はありますか? 何かご意見は？

4

1 に答える 1

1

この例では、jQuery UI (イージング) の一部を使用しているため、それを含める必要があります。サイトは「http://tympanus.net/Tutorials/CufonizedFlyOutMenu/jquery.easing.1.3.js」にリンクしており、これを Fiddle のリソースとして追加すると、すべてが機能するはずです。

http://jsfiddle.net/rlemon/jq7YQ/28/チェックしてみてください。jQuery イージング ファイル (jQuery UI に含まれています) を追加しただけです。

問題の「選択された」部分の例を次に示します。

于 2012-08-07T20:30:41.383 に答える