jQuery 使い方まとめ(備忘録)

今まで使ってみたjQueryまとめ。

使い方をまとめてみました。
(自分用の備忘録です。)

[Cloud Zoom] 画像にマウスオン



<a href='http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102716.jpg' class = 'cloud-zoom' rel="adjustX: 10, adjustY:-120, zoomWidth:400, zoomHeight:250"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102716s.jpg" alt='' width="200" height="133" title="2010年コスモス1" /></a>


[Link Preview] ※IEでは表示されない。 リンク文字にマウスオン

気の向くままに…

<a href="http://sakuraxren.blog103.fc2.com/" class="linkpreview" target="_blank" title="気の向くままに…" >気の向くままに…</a>


[Main(screenshot)] リンク文字にマウスオン

2010年 コスモス2

<a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102717.jpg" class="screenshot" rel="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102717.jpg" target="_blank" title="2010年 コスモス2">2010年 コスモス2></a>


[Main(preview)] 画像にマウスオン




<a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102901s.jpg" class="preview" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102901s.jpg" alt="" border="0" width="225" height="95" /></a>


[Main(tooltip)] リンク文字にマウスオン

「気の向くままに…」

<a href="http://sakuraxren.blog103.fc2.com/" class="tooltip" target="_blank" title="Author:れん
写真は下手の横好き。
そのせいか画像編集ソフトで写真を弄ぶのも大好き♪
思いついたことを気の向くままに書いています。">「気の向くままに…」</a>


[Image Flyout] 画像をクリック(再度クリックで閉じる)


<div id="gallery" class="gallery"><a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102704.jpg" target="_blank" ><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102704s.jpg" alt="10102704.jpg" title="2010年コスモス3" border="0" width="200" height="133" /></a></div>


[Box Over] 画像にマウスオン

10102702.jpg

<a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102702.jpg" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102702.jpg" alt="10102702.jpg" title="header=[<img src='http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/boxover_bee.png' style='vertical-align:middle;padding-right:5px;'>コスモス4] fade=[on] body=[2010年10月 兵庫県たつの市で撮影]" border="0" width="200" height="133" /></a>


[Corner] 自動で表示(画像の角を丸める)

10102717.jpg

<a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102717.jpg" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102717s.jpg" alt="10102717.jpg" border="0" width="200" height="133" class="corner iradius20 ishade30 ishadow30"/></a>


[Glossy] 自動で表示(画像に光沢をつける)

10102717.jpg

<a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102717.jpg" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102717s.jpg" alt="10102717.jpg" border="0" width="200" height="133" class="glossy iradius30 noshadow"/></a>


[Instant] 自動で表示(画像にフレームをつける)

10102717.jpg

<a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102717.jpg" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102717s.jpg" alt="10102717.jpg" border="0" width="250" height="166" class="instant itiltleft ishadow20 icolorcccccc historical noshading"/></a>


[Thick Box] 画像をクリック(再度クリックで閉じる)

10102601.jpg

<a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102601.jpg" class="thickbox" title="2010年10月 携帯撮影" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/10102601s.jpg" alt="10102601.jpg" border="0" width="200" height="150" /></a>


[Thick Box(スライドショー風)] 画像をクリック(再度クリックで閉じる)

11112825.jpg 11112827.jpg 11112829.jpg

<a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/11112825.jpg" class="thickbox" rel="111010" title="2010年10月 紅葉1" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/11112825s.jpg" alt="11112825.jpg" border="0" width="130" height="195"/></a> <a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/11112827.jpg" class="thickbox" rel="111010" title="2010年10月 紅葉2" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/11112827s.jpg" alt="11112827.jpg" border="0" width="130" height="195"/></a> <a href="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/11112829.jpg" class="thickbox" title="2011年10月 紅葉3" rel="111010" target="_blank"><img src="http://blog-imgs-45.fc2.com/s/a/k/sakuraxren/11112829s.jpg" alt="11112829.jpg" border="0" width="130" height="195"/></a>


※ うまく表示されない場合はスペースに注意。


関連記事

コメントの投稿

**コメントを投稿**

コメントの投稿

Private :

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

-

管理人の承認後に表示されます
プロフィール

れん

管理人:れん
写真は下手の横好き。
そのせいか、画像編集ソフトで写真を弄ぶのも大好き♪
思いついたことを気の向くままに書いています。
カレンダー
11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
最新の記事
最近のコメント
カテゴリ
月別アーカイブ
12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05 
お気に入り
リンクしてね♪
トラックバック
記事について
フリーソフト・WEBアプリなどの紹介記事は紹介した時点のものです。
バージョンアップ、その他で使用方法などが変更されている場合があります。
また,紹介時点ではフリーだったものが有料になっているものもあります。
記事には日付が表示されていますのでご確認ください。
あまり古い記事は参考にならない場合も多いと思います……(T_T)
ブログ管理MENU
いらっしゃいませ~
検索フォーム
メールはこちら
こちらのメールフォームもご利用ください。
アイコンをクリックするとメールフォームが開きます。
返信の必要な場合には必ずメールアドレスをご記入下さい。
メールはこちら
月間アクセスの多い記事 
ブログパーツ
月間リンク元ランキング
スポンサードリンク
おすすめ
・楽天市場
・eBOOKOFF
・FUJICOLORプリントおとどけ便
・インターネットで「デジカメプリント」
・ジャパネットたかた
・住信SBIネット銀行
・楽天銀行
・OLYMPAS ONLINE SHOP
・Yahoo!ショッピング
・上海問屋


楽天トラベル株式会社

デル株式会社

エプソンダイレクト株式会社

ホームセンターのコメリドットコム

プレミアム バンダイ

太る原因
FLAG COUNTER
Free counters!
このページのトップへ