javascript - HTML + CSS メニューの Javascript をセットアップしますか?

Question

このスタイルに従ってメニューを作成したいと思います:-http://www.australia.com/

ここでいくつか変更を加えました。http://jsfiddle.net/fu3x6/をご覧ください。

メニューは拡張部分の少し下にあるはずです。

ありがとう

PPS

Answer 1

メニュータブごとに必要なJSの詳細を調べていないと思います.ULタグの対応するクラスを変更するためにHTMLが必要でした.そのためのフィドルを参照してください.

$('.ex').mouseover(function() {
 $('.extend').animate({"left": "250px"}, "slow");});
$('.ac').mouseover(function() {
 $('.extendac').animate({"left": "250px"}, "slow");});
$('.sp').mouseover(function() {
 $('.extendsp').animate({"left": "250px"}, "slow");});
$('.ma').mouseover(function() {
 $('.extendma').animate({"left": "250px"}, "slow");});

ここでフィドルを更新しました。

これでうまくいくことを願っています:)お楽しみください