jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary サイズの取得 煩雑になるので height の記述しかありませんが、width に置き換えれば幅もとれます。 普通のボックス要素 height() メソッドで取得できる値には、padding や border の分の高さを含みません。 CSS の height と同じなので、css('height')メソッドで取得してもよさそうですが、こちらの場合ブラウザの種類や CSS の定義の仕方で取得される値が異なる（クロスブラウザとしての機能が完全でない）ので、純粋に px 単位の高さを取得したい場合は height() メソッドを使用した方が無難です。 スクロールバー付きボックス要素 clientHeight には
jQuery+CSSで実装するナビゲーションメニュー総集編 - かちびと.net
jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー。css3を使っています。 Fly-out Menu with jQuery and CSS3 Rocking and Rol
This page has moved to jPlayer.org
Happyworm design and applications for inspiring web solutions
jQueryを使ってパズルを作るjQueryプラグイン:phpspot開発日誌
jQuery Demo: Creating A Sliding Image Puzzle Plug-In : Kinky Solutions : A Student's Perspective by Ben Nadel jQueryを使ってパズルを作るjQueryプラグインが公開されています。 １枚の元画像をJavaScript＆ＣＳＳによって分解して、パズルを作成することが出来ます。 パズルのデモページ 以下が元の画像。本当に１枚です。 画像を分割して、HTMLを書いて、という面倒な作業は必要なくて、以下のように初期化が出来るようです。 $( "div.puzzle, p" ).puzzle( 100 ); 商品のＰＲ等、サイトのキャンペーンなんかでも活用できそうですね。
jQueryで動きのある吹き出しを設置してみた
まず外部ファイルでjavascriptとCSSを読み込んで短いjavascriptを記述します。赤字のspeedで吹き出しが降りてくるスピード、delayで降り始めまでの時間を変えられます。 <link href="theme/style.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script type="text/javascript" src="js/jquery.betterTooltip.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.tTip').betterTool
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
