◇ 相互リンク募集!
◇ ハムにメールを送る時はここから
ハムからみんなへお願い&お知らせ
11月19日(Mon)
jQueryを使ってみた(タブとフォトアルバム)
先日紹介した「jQuery」を使ってみた。
タブの昨日とフォトアルバムの機能(プレビュー)が使いたかったので、
早速使ってみることにした。
使ったのはここのサイトではなくて、
僕が運営しているバレーボールチームのページ。
実験的に使っただけなんですけどね。
実装したサイト:M berry's[札幌バレーボールチーム(女子6人制)]
CSSの設定によって、IEの表示だとタブの一番左が
若干囲みの下がずれてしまっていますけど、
作成する時間の都合上、そのまま表示しています。
写真はOperaで表示した場合キャプチャ。
上の灰色かかっている部分がタブになっています。
コレはjQuery_Autoというプラグインを使って実装しました。
参考は「CSS HappyLife」の
JavaScriptのカテゴリーを参考にさせてもらいました!
アルバムのプレビューはこんなの↓
これはThickBox 3.1っていうプラグインを使いました。
英語で書かれていたのですが、
なんとか実装することができました〜♪
コードについては…
時間の都合上カットさせてください。
参考サイトを参照してみてください(;^_^A
jQuery、なかなか面白い!!
そしてプラグインが豊富なのも嬉しい♪
でも、まだまだ勉強必要だ。。。
タグ:jQuery,JavaScript,プラグイン,タブ,フォトアルバム
タブの昨日とフォトアルバムの機能(プレビュー)が使いたかったので、
早速使ってみることにした。
使ったのはここのサイトではなくて、
僕が運営しているバレーボールチームのページ。
実験的に使っただけなんですけどね。
実装したサイト: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選 」
タグ:jQuery,JavaScript,プラグイン,タブ,フォトアルバム
JUGEMテーマ:コンピュータ
- 2007.11.19 Monday
- JavaScript
- 01:44
- comments(0)
- trackbacks(0)
- by ハム
11月14日(Wed)
jQueryが面白い!
先日参加した「CSS Nite in SAPPORO」の話の中で
jQueryの話が出てきていました。
jQuery?
なんだそれ?って状況だった自分ですが、
話を聞いていくうちに、JavaScriptのフレームワークって事がわかりました。
僕が仕事で主に扱っているのはXHTMLとCSSであって、
そのコーダーをしている状況です。
大学生の時に心理学をやっていたなんて、
もう昔の話ですよ・・・
XHTMLとCSS以外の事は現在勉強中でして、
例えばデザインとしてIllustratorとかPhotoshop、
プログラムとしてPHP。
それらを現在勉強している最中です。
なのでJavaScriptは未開の地…
自分にとって未知の世界だったわけですが、
興味を持ったので、とりあえずサイトをのぞいてみることに!
「jQuery」
・・・( ̄□ ̄;)!!
全部英語ですやんヽ(;´Д`)ノ
読むのにかなり時間がかかりました。
(読むってより感覚でとらえただけですが...)
でも、コレをつかうことで、いろんなことができるようになるようです!
XHTMLを汚さずに動的部分を作れるのは、なんと魅力的!
どんなことができるのかって?
例えば画像についてだったり・・・
はい、詳しくはわかりませんが、
とにかくある程度プログラムがわかれば
比較的簡単にDHTMLみたいな動的なページが作成できるようです!
今度覚えて使ってみようと思う。
…また学ぶ項目が増えた(;´Д`)
そして…一番致命的なのは…
ここのJUGEMのブログでは使えない!!
ショックです・・・
前のブログのseesaaの方なら使えそうだから
そこから読み込もうかな…
検討しておこう!!!
参考サイト: jQuery(http://jquery.com/) jQueryの魔法 IT用語辞典:フレームワークとは 【framework】
タグ:jQuery、JavaScript、フレームワーク、Web
jQueryの話が出てきていました。
jQuery?
なんだそれ?って状況だった自分ですが、
話を聞いていくうちに、JavaScriptのフレームワークって事がわかりました。
僕が仕事で主に扱っているのはXHTMLとCSSであって、
そのコーダーをしている状況です。
大学生の時に心理学をやっていたなんて、
もう昔の話ですよ・・・
XHTMLとCSS以外の事は現在勉強中でして、
例えばデザインとしてIllustratorとかPhotoshop、
プログラムとしてPHP。
それらを現在勉強している最中です。
なのでJavaScriptは未開の地…
自分にとって未知の世界だったわけですが、
興味を持ったので、とりあえずサイトをのぞいてみることに!
「jQuery」
・・・( ̄□ ̄;)!!
全部英語ですやんヽ(;´Д`)ノ
読むのにかなり時間がかかりました。
(読むってより感覚でとらえただけですが...)
でも、コレをつかうことで、いろんなことができるようになるようです!
XHTMLを汚さずに動的部分を作れるのは、なんと魅力的!
どんなことができるのかって?
例えば画像についてだったり・・・
はい、詳しくはわかりませんが、
とにかくある程度プログラムがわかれば
比較的簡単にDHTMLみたいな動的なページが作成できるようです!
今度覚えて使ってみようと思う。
…また学ぶ項目が増えた(;´Д`)
そして…一番致命的なのは…
ここのJUGEMのブログでは使えない!!
ショックです・・・
前のブログのseesaaの方なら使えそうだから
そこから読み込もうかな…
検討しておこう!!!
タグ:jQuery、JavaScript、フレームワーク、Web
JUGEMテーマ:日記・一般
- 2007.11.14 Wednesday
- JavaScript
- 23:12
- comments(0)
- trackbacks(0)
- by ハム
| 1/1PAGES |
- categories
- archives
-
- March 2008 (3)
- February 2008 (1)
- January 2008 (8)
- December 2007 (18)
- November 2007 (33)
- October 2007 (31)
- September 2007 (30)
- August 2007 (12)
- July 2007 (4)
- recent comment
-
- 札幌バレーボールチーム
⇒ ウチアゲ』運用事務局 (03/09) - 引越し先、構築完了!
⇒ AtoZ (08/26) - 引越し先、構築完了!
⇒ ふにゃバット (06/03) - 引越し先、構築完了!
⇒ 粒あん (04/21) - jQueryでフォントサイズを変更する方法
⇒ たくや (03/25) - 引越し先、構築完了!
⇒ とろろいも (01/17) - 引越し先、構築完了!
⇒ カドルト (01/11) - 引越し先、構築完了!
⇒ へっぽこなめ太郎 (10/03) - 引越し先、構築完了!
⇒ チュパカブラ (07/03) - 引越し先、構築完了!
⇒ なんぞコレぇぇえぇ!!!! (02/11)
- 札幌バレーボールチーム
- recent trackback
-
- 36STICKS
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/28) - H姫とプールデート
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/28) - 大学生時代の仲間と飲み会〜サプライズ企画〜
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/28) - おでんとなべ
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/28) - 女子バレー部(?)札幌市民体育大会ブロック優勝
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/19) - CSS nite Sapporoに参加
⇒ CSS Nite公式ブログ (11/14) - 「3年B組金八先生」第8シリーズ 出演生徒一覧
⇒ 金八先生に関する情報です (11/04) - 札幌の大学生とSEO
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/02) - 研修最後でした
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (10/31) - ローソンとっておき宣言とリラックマ
⇒ みっちーの日記 (10/16)
- 36STICKS
- friend links
- link list
-
- search this site.
- tag cloud search
-
- sponsored links