<< June 2017 | 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 >>
<< 11月17日の飲み会報告 | main | ひだまり(月寒店)にてお昼 >>

ハムからみんなへお願い&お知らせ

相互リンク募集!
ハムにメールを送る時はここから
07月05日(Sat)

スポンサーサイト

一定期間更新がないため広告を表示しています

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ

  • 2014.07.05 Saturday
  • -
  • -
  • -
  • by スポンサードリンク

11月19日(Mon)

jQueryを使ってみた(タブとフォトアルバム)

先日紹介した「jQuery」を使ってみた。
jQueryのサイト

タブの昨日とフォトアルバムの機能(プレビュー)が使いたかったので、
早速使ってみることにした。

使ったのはここのサイトではなくて、
僕が運営しているバレーボールチームのページ。
実験的に使っただけなんですけどね。

M berry'sのホームページ

実装したサイト:M berry's[札幌バレーボールチーム(女子6人制)]

CSSの設定によって、IEの表示だとタブの一番左が
若干囲みの下がずれてしまっていますけど、
作成する時間の都合上、そのまま表示しています。

写真はOperaで表示した場合キャプチャ。
上の灰色かかっている部分がタブになっています。

コレはjQuery_Autoというプラグインを使って実装しました。
参考は「CSS HappyLife」の
JavaScriptのカテゴリーを参考にさせてもらいました!

アルバムのプレビューはこんなの↓

これはThickBox 3.1っていうプラグインを使いました。
英語で書かれていたのですが、
なんとか実装することができました〜♪

コードについては…
時間の都合上カットさせてください。
参考サイトを参照してみてください(;^_^A

jQuery、なかなか面白い!!
そしてプラグインが豊富なのも嬉しい♪
でも、まだまだ勉強必要だ。。。

参考サイト:
jQuery(英語)
ThickBox 3.1(英語)
jQuery_Auto(英語)
CSS HappyLife(カテゴリー:JavaScript)
coliss「jQueryのプラグイン33+1選 」

タグ:,,,,
JUGEMテーマ:コンピュータ

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ


07月05日(Sat)

スポンサーサイト

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ

  • 2014.07.05 Saturday
  • -
  • 01:44
  • -
  • -
  • by スポンサードリンク

【i2i】SEO対策ツール ロリポップ NetMile 見ると得する『CMサイト』
コメント
コメントする









この記事のトラックバックURL
トラックバック
categories
archives
recent comment
recent trackback
friend links
link list
あわせて読みたい
search this site.
tag cloud search
others
  • RSS1.0
  • Atom0.3
powered
みんなのブログポータル JUGEM
sponsored links