以下サイトは どうやって実装しているのでしょうか?
http://www.nagashima-resortkohosuishin.jp/
こちらのサイトの中腹の丸いボタンが4つ並んでいるやつです。
そのサイトで使っているものとは少し違うのですが、jQueryとtooltipsterプラグインを使うと簡単に実現できます。
詳しい手順は下の記事を読んで下さい。
http://javatechnology.net/jquery/tooltipster/
onmouseoverで、関数を呼んで、style.visibilityがhiddenだったのをvisibleにすれば、できそうですね。
onmouseooutで、逆にhiddenにすればいいですね。
動きも、style.topをsetTimeoutで変えればできますね。
微妙な動きなのでどうすでばできるか、ちょっと考えないと難しいですが、Math.sinとかを使っていると思います。
コメント(1件)
具体的には、common.jsというファイルの「グローバルメニュー吹き出しアニメーション」という部分がそれにあたります。