- 締切済み
JAVA HTML スライドするアンカーポイント
http://www.hosoo.co.jp/ ココにあります、メニューをクリックすると、アンカーポイントのような効果で、スライドして移動する方法を教えてください。 これもJAVAスクリプトを使ってるんですよね？ 宜しくお願いします。
- みんなの回答 （3）
- 専門家の回答
みんなの回答
>一行目の「<script src="http://code.jquery.com/jquery-latest.js"></scrip … jquery最新版を読み込む -->」 >がちょっと分かりません。 >このままヘッダー内に書き込めばいいのでしょうか？ はいそうです。そのままヘッダに書き込めばjquery最新版が読み込まれます。
1です。 以下を忘れてました <body> <div id="wrapper"> 内容 </div> </body> のように、body直下に<div id="wrapper">～</div>を作って、すべてをその中に入れてください。 先に書いたjavascriptはhttp://www.hosoo.co.jp/からピックアップした、縦のスクロールの動きのものです。
＞アンカーポイントのような効果で 「のような」じゃなくてアンカーリンクそのままですね。 javascript（jquery+プラグイン）で、アンカーリンクの動きに効果をつけているだけです。 ヘッダに ----------------------------------- <script src="http://code.jquery.com/jquery-latest.js"></script><!-- jquery最新版を読み込む --> <script type="text/javascript"><!-- jアンカーリンクにスムーススクロール効果 --> jQuery(function($) { //Smooth Scroll $('a[href^=#]').not('a[href=#],a.noscrl').click(function() { $(this).blur(); if(this.hash=='#wrapper'){ $('html,body').animate({scrollTop:0},3000,'easeInOutCubic'); } else { var $target = $(this.hash); var targetOffset = $target.offset().top; $('html,body').animate({scrollTop:targetOffset},1000,'easeOutExpo'); } return false; }); }); </script> ----------------------------------- ↑を書いて、普通のアンカーリンクと同じようにリンクを張ればOKです。 蛇足ですが、 JAVAとjavascriptはまったく別物ですので 「VAVAスクリプト」という書き方はおかしいです。 javascript、もしくはjs と書いたほうがいいですよ。 参考 http://piyo-js.com/01/about.html
お礼
大変参考になります。 ありがとう御座います。 それと、一行目の「<script src="http://code.jquery.com/jquery-latest.js"></scrip … jquery最新版を読み込む -->」がちょっと分かりません。 このままヘッダー内に書き込めばいいのでしょうか？ 宜しくお願いします。
お礼
ありがとう御座います。