MAC風DOCメニューをjQueryのanimateを使えば簡単に実装できるであろうと思い作成したのですが、なかなか大変でした。 HTMLソース <ul id="doc"> <li><a href="#"><img src="../img/icon01.png" alt="Pho...続きを読む

最近よく見かける「ページTOP」のスクロールをjQueryでは簡単に実装できます。 Javascriptソース $(function(){ $("a[href^=#]").click(function(){ var Hash = $(this.hash); var HashOffset = $(Hash).offset().top; $("h...続きを読む

jQueryのanimateを使って、簡単な画像拡大の動きの検証をしてみます。 3つの動作 animateを指定する際に、stop()を指定することで、動きを制御出来ます。 .animateのみ stop()を記述しない場合は命令の実行の回数分、動作します。 例えば、連続してマウスオーバーすると回数分命令が実行されます。 stop().animate stop()を記述すると、命令が実行中に他の...続きを読む

グローバルメニューでよく使われるドロップダウンメニューですが、 jQueryのanimateを使って動きに装飾を加えます。 HTMLソース <ul id="mainNav"> <li><a href="">Adobe</a> <ul class="subNav"> ...続きを読む