Web/JavaScript 講習会 part.12 (jQuery イベント）ディノオープンラボラトリは、株式会社ディノの社員ブログとして主に技術者向けに情報公開をするウェブサイトです。 多くの社員が自分の興味のあることについての記事を書き、結果として社外の方々にも面白がってもらえる状態が理想だと考えています。 詳しくはaboutをご覧ください。 株式会社ディノでは技術者を募集しています。詳しくは採用情報をご覧ください。
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
画像の遅延ローディング - hiroyのブログ
画像の遅延ローディングについて調べてみた。 参考にしたのはこの辺: lazierLoad – Javascript Image Lazy Loader for Prototype – Bram.us Vanilla JavaScript Lazy Load Plugin 仕組みは案外単純。適当なタイミングで遅延ローディングしたいimg要素のsrc属性を適当な画像（blank.gifとか）に置換、表示が必要になったらsrc属性の値を元の値に戻してあげるだけ。 あとは、表示が必要になるタイミングを判断するロジックと組み合わせればOK。画像のところまで画面がスクロールされたかとか、display値が切り替えられるタイミングとか。 // prototype.jsを利用した場合 Foo = { images: [], stopLoadingImages: function() { $$("div#f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
