Content-Length: 95343 | pFad | http://b.hatena.ne.jp/runhac/jQuery/
twitterタイムラインをJavaScriptで簡単に表示する「monitter」
twitter facebook hatena google pocket 随所で紹介されていますが・・・「monitter」は、わずか3行でtwitterのタイムラインを表示することができるJavaScriptです（要：jQuery）。 導入が簡単なので、お手軽に始めたい方にお勧めです。 sponsors 使用方法 monitterからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="monitter.min.js"></script> あとは表示したい場所に以下を記述すれば完成です。 <div id="tweets" title="skuare" //表示させたいワード lang="jp" //言語による
設定サンプル
設置サンプル 参照：jQuery plugin: Wilq32.RotateImage jQuery(imgElement).rotate(parameters) 画像を指定した角度に回転 jQuery(imgElement).rotate(angleValue) 画像の角度を指定 jQuery(imgElement).rotateAnimation(parameters) 回転アニメーション（画像にマウスオーバーすると画像が回転） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" la
アニメーション、エフェクト｜jQuery plugin｜Ajax｜PHP & JavaScript Room
要素のマウスオーバー時のhover効果をアニメーションさせるjQueryプラグイン。 リスト要素の各アイテムにマウスオーバーした時に、そのアイテムの背後にjQueryでhover用の要素を動的に生成して、アニメーション表示させています。 幅、高さ、オフセットなどオブジェクトの位置情報を取得するjQuery Dimensions Pluginを併用しています。 このプラグインを適用する要素には、CSS上のルールがあります。 マウスオーバーされたアイテムの親要素には、position:relativeあるいはposition:absoluteが指定されていること。 マウスオーバーされたアイテムには、z-indexが指定されていること。 動的に生成されたアイテムは、hoverされたアイテムのz-indexより小さいz-indexが指定されていること。 /* hoverされたアイテムの親要素 */
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」
ページが縦に長くなるとサイドメニューとかが見えなくなってしまいます。 それを防ぐ方法としてabsoluteやfixedするケースがあります。 jQuery Scroll FollowではjQueryを使用し、スムーズについてきます。 sponsors 使用方法 jQuery Scroll FollowからjQuery、jQuery UI Core、jQuery Easing Plugin、jQuery Cookie Pluginをダウンロードします。 headには以下のように記述します。 <script type="text/javascript" src="http://yourdomain/jquery-1.2.6.js"></script> <script type="text/javascript" src="http://yourdomain/ui.core.js"></scri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/runhac/jQuery/
Alternative Proxies:
jQueryのプラグイン、TwitStreamを #smartsleep で試してみた
http://www.incg.nl/blog/2008/hover-block-jquery/example/animate_hover.html