人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryのアニメーションで縦メニューのプルダウンを右に飛び出すようにするには?
http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

上記の縦メニューですが、▲にマウスオーバーすると上からしたにワイプしますが、
これを右に飛び出すようにしたいのです。

おそらくjsの中身を触ればよいと思うのですが、どこをどう改変すればよいのかわかりません。

わかる方教えていただけないでしょうか??

●質問者: hashimajc
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Lhankor_Mhy
●500ポイント ベストアンサー

CSSで大丈夫だと思います。

#smoothmenu1 ul li ul li{
 display:inline-block
}


サンプルです。
http://jsfiddle.net/56nQj/


Lhankor_Mhyさんのコメント
あ、質問を勘違いしたかも。 こうですか? http://jsfiddle.net/56nQj/1/

Lhankor_Mhyさんのコメント
変更点書くの忘れてました。 >|javascript| $targetul.css({left:menuleft+"px", width:header._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime) ||< ↓ >|javascript| $targetul.css({left:menuleft+"px", height:header._dimensions.subulh+'px'}).animate({width:'show',opacity:'show'}, ddsmoothmenu.transition.overtime) ||< >|javascript| $targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime) ||< ↓ >|javascript| $targetul.animate({width:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime) ||< の2ヶ所です。

hashimajcさんのコメント
なんてことでしょう! うまくいきました!!ありがとうございます!!! 感謝感謝!!!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ