和田憲幸(40歳)のブログです。メニューをjqueryで簡単にロールオーバーメニュー画像にロールオーバーは鉄板ですがDreamWeaverで付けるといろいろ面倒です。11:28そこでお手元にご用意して頂きたいのがjquery.jsと和田が作ったnavigator.js。metaでこの2つのファイルを読み込むだけで準備はOKです。あとは思い思いのメニューを作りましょう。メニューを作る時は「ファイル名_連番.拡張子」という命名規則だけ守って下さい。ようはファイル名をメニューの連番で保存してくださいという事ですね。「nv_01.gif」だとか「menu_01.gif」だとかそんなのです。ロールオーバー画像を用意するロールオーバーの画像はメニュー画像が「nv_01.gif」の場合、「nv_over_01.gif」とします。PhotoShopのスライスでナビゲータを作るのが前提なのでちょっとややこしいかしら。ようは「_」が「_over_」になるという事ですね。ロールアウト画像を用意する(任意)次にロールアウトしたときに最初の画像以外の画像、例えばアニメーションGIFなどを表示したい場合は「nv_out_01.gif」というように「_out_」をつけた画像を用意します。基点表示用の画像を用意する(任意)次に現在いるページをメニュー画像に反映したい場合の画像を用意します。いうちょっとした気配りでユーザビリティはグッと向上するんですよね。画像の命名規則は「_current_」。「nv_current_01.gif」というように用意しましょう。aタグにクラス名をつける最後にグローバルメニューのaタグにclassをつければOKですね。/></a>というようなカタチで簡単に実装する事ができるようになるわけです。jqueryのサンプルをみていただければわかるとおり非常にシンプルでHTMLコードもスッキリと見やすくなると思います。プリロードも付いていますよ。してもDreamWeaverでロールオーバーを付けるとHTMLが汚くなりがちです。基点表示をするとなると、時にはテンプレを崩さなきゃならないなどいろいろ面倒ですが、このスクリプトで一発解消!ぜひご利用くだされ。jqueryのダウンロードTAGWebJavascriptjqueryP.384kさんぉおう・・・例の機能美ですね・・・これは流行るのかも・・・いや流行とは起こすものか、これは流行らせても良いかもwww今記事見たばっかなんで(更に超へべれけなんで)導入はしてないんですがcssでbackgroundで設定したものをこのように動かすことは可能ですかね?かなり素人質問になりますがa:hoverでこのような動きにするというイメージです。ナビ部分以外でも使えそうな良い動きになりそうでつね。08:01:30和田>kさまCSS版はパンピー向けでは無いので自分用に持ってますよっ!IRですね。そっちも将来的に公開しますっ!座標ずらしてロールオーバーだと1枚絵にしなくちゃいけないので、ちょっとわかりづらいかなと思いましてね・・・。テンプレから外すのは面倒ですからねぇ。これで基点表示は幾分しやすくなるのではないかなと。メイプルファーマシーwww.maple-pharmacy.co.jp札幌で調剤薬局を展開するメイプルファーマシーです。歯医者さん『いけだ歯科』のWebサイトです。漢方薬相談kanpoui.net漢方薬に関する相談ブログ・サイトです。美容室MEIKA(メイカ)meika-hair.com札幌市中央区の美容室MEIKA(メイカ)のWebサイトです。BTOパソコンwww.pc-take.com自作PCやBTOパソコンの事ならシューマイが美味しい神奈川県は横浜のPC-takeにお任せください。事業再生のSTPwww.s-tp.jp経営が苦しい、そんなときはSTPに経営相談や経営コンサルティングをご依頼ください。ドライフラワー卸売りwww.coretrading.co.jpドライフラワーやプリザーブドフラワーの業務用卸売りならコアトレーディング。ネイクスwww.neix.co.jp通話録音装置や通話録音システムのことならネイクス。ラフティングwww.safari-g.com四国は吉野川でラフティングやハイドロスピード、キャニオニングと言えばサファリだよね。アルバイトnext-level.bizホームページ制作、Webデザイナーのアルバイト、SOHOのことはネクストレベルまでご相談ください。アイウィルwww.aiwill.jp札幌市中央区で美容師をお探しの際はアイウィルまでお越しください。ホームページ制作www.synck.com札幌でホームページ制作やWebアプリケーション制作ならシンクグラフィカへ。iPhoneで内線電話www.smartgate.biziPhoneやAndroidから内線電話が無料でかけれる。札幌市近郊、スポーツ整形外科・リハビリテーション科futomi-cl.com札幌市近郊、スポーツ整形外科・リハビリテーション科『ふとみクリニック』のWebサイトです。