This is a JQuery plugin change button's images by hover and
slide open, slide down the target.

This is functionally with Modern browsers to ie6,
Smart phones and Smart pads.
Probably this is good for sliding banner.

これはボタンのイメージをホバーによってチェンジし、ターゲットをスライドオープン、スライドダウンするJQueryプラグインです。

これはモダンブラウザーからie6、スマートフォン、スマートパッドでうごきます。
おそらく、スライドするバナーに向いています。

Requirement
jquery-1.7.1.min.js or recent releases
How to use

After download MopHover, see sauces of this page and use it as template. Top page of this site is a exsample of mopHover. You can use "gif", "jpg", "png".

Set "_dn_no", if slide target is closed and set "_up_no", if slide target is opened.

MopHoverをダウンロードしたあとに、このページのソースを見て、それをテンプレートのように使ってください。このサイトのトップページも、MopHoverを使っています。"gif", "jpg", "png" を使うことができます。

スライドターゲットがクローズなら"_dn_no"をセット、スライドターゲットがオープンなら"_up_no"をセットしてください。

< Rule of ths end of file names >

< ファイルネームの終わりのルール >

have not slide target (hover only)

スライドターゲットを持っていない(ホバーだけ)

_no filename_no.gif (normal)
ノーマル
_on filename_on.gif (mouseover)
マウスオーバー
have slide target

スライドターゲットを持っている

_dn_no filename_dn_no.gif (slide down, normal)
スライドダウン、ノーマル
_dn_on filename_dn_on.gif (slide down, mouseover)
スライドダウン、マウスオーバー
_up_no filename_up_no.gif (slide up normal)
スライドアップ、ノーマル
_up_on filename_up_on.gif (slide up, mouseover)
スライドアップ、マウスオーバー
_up_xx filename_up_xx.gif (copy of "_up_on")
"_up_on"のコピー
Examples
< This has not slide target (Download button of this page)>

< これは スライドターゲットを持っていません(このページのダウンロードボタン) >

$("#dl").mopHover();
< This has slide target >

< これは スライドターゲットを持っています >

$("#btn").mopHover({"slideTarget":"#target"});
$("#btn2").mopHover({"slideTarget":"next"});
Options
target "this", "next", "child", "childNext", "id or class name"
"this", "next", "child", "childNext", "id または class ネーム"
slideTarget "next", "parentNext", "id or class name"
"next", "parentNext", "id または class ネーム"
www.mopstudio.jp/