jQuery

スクロールに合わせて位置が変わるレフトメニュー

パララックスのお勉強page.html <html> <head> <script src='http://code.jquery.com/jquery-1.9.1.min.js'></script> <script src='js/scrollMenu.js'></script> </head> <body> <div id="page_bg"> <div id="header"> </div> <div id="wrapper"> <div id="side_menu"> メニューの内容 </div> <div id="contents"> コンテンツ </div> </div> </div></body></html>

要素の高さを取得する

var height = $('#hogehoge').height();

WordpressでLightboxを使えるプラグイン

なにかとお世話になるフォトギャラリーの定番Lightboxですが、今作成中のWordpressサイトでうまく作動しませんでした。 たぶんjQueryの競合だと思うのですが。。。いろいろ探したところLightboxと同様に動作するjQuery Lightboxというプラグインがあったので…

jQueryで作るシンプルなスライドショー

HTMLの部分 目標はとにかくキレイなコードにすること。 <div id="slideshow"> <img src="images/image01.jpg" alt="" class="active" /> <img src="images/image02.jpg" alt="" /> <img src="images/image03.jpg" alt="" /> </div> CSSの部分 activeに指定した画像が一番上にくるようにCSSを設定します。 画像がきれいに重なるようにdevの高さを指定しています。 3つの異なるz-indexを指定しているのに気づかれるでしょうか? …