-4

現在、Web サイトのコーディングを行っていますが、左側にある種の垂直ナビゲーションがあります。ユーザーがナビゲーションの右側にある div にカーソルを合わせると、css トランジションがトリガーされます。問題は、すべてのユーザーがナビゲーション メニューがあることに気付くとは限らないことです。

だから私はそれがページがロードされた瞬間にそこにあり、その後元の場所に戻って、ユーザーがそれに気付くようにしたい. 次に、画面の左側の後ろに隠れるように遷移します。ユーザーが別のページに切り替えたいときは、ナビゲーションがゆっくりと移動するのをすでに見ていて、矢印をホバーしてメニューを表示します。

jQuery または CSS でこのタスクを実行するにはどうすればよいですか? ありがとうございました。

4

2 に答える 2

2

通常、ユーザーがナビゲーション メニューの場所について混乱している場合は、ユーザー エクスペリエンスを修正する必要があるという大きなヒントです。それらの古い入札者があなたのウェブサイトを機能させることを明らかにしてください.

このようなもの?

HTML:

<nav>
    <ul>
        <li><a href='#'>Item 1</a></li>
        <li><a href='#'>Item 2</a></li>
    </ul>
</nav>

CSS:

nav{
    position: fixed;
    left: 0px;
    width: 200px;
    border: 1px solid grey;
    padding: 10px;
    top: 50%;
    margin-top: -50px;
}

JS:

$(document).ready(function(){
    setTimeout(function(){
        $("nav").animate({
            left: -200
        }, 1000);
    }, 1000);
});

デモ: http://jsfiddle.net/UnPDj/

編集: ホバー状態を追加: http://jsfiddle.net/UnPDj/1/

于 2013-08-22T16:54:44.537 に答える
0

試してみてください

<body onLoad="function();">

メニューのスタイルを変更して表示できるようにするための小さなJavaScriptを開始し、数秒後に非表示の状態に戻すタイミング関数を使用します。または、小さなタブ プレースホルダーを作成してメニューを表示することもできます。方法が多すぎるため、メニューを非表示にしたり表示したりする「方法」をより具体的にできれば、詳細を簡単に説明できます。

于 2013-08-22T17:12:11.490 に答える