上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

久しぶりの更新です。
平日は放置になることが多くてスミマセン^^;

前回、アコーディオンっていうJavaScriptを紹介したんですが、
けっこう反応が良かったので近日中に設置方法を紹介しようと思います。
ブログに設置して楽しんでみてください^^

jQueryを使う準備と適当な画像さえあれば、あとはサンプルソースを
ペタペタとコピペですぐ出来ちゃいますので、難しいことは何もないです。


肝心の設置方法ですが、それを紹介する前にもう一つアコーディオンと同じくらい
魅力的なUIがありますので、今日はそちらを紹介します。
jQueryの使い方・準備については、編集するヒマがないのでもう少し待ってください^^;

今日、紹介するのは、タブメニューというUIです。
またカチカチいじって遊んでみてください。

↓タブメニュー↓

はい、タブメニュー面白いですね^^
僕はアコーディオンよりこっちの方が好きですね。
その内、トップページにタブを設置しようと思ってます♪

では、またヒマを見つけて更新します。

先日紹介した「アコーディオン」ですが、ただいま、理解を深めているところです。
というか、何をいじったら何が変わるのか、を調べているといった方が正しいかな？

mmm...

アコーディオンのソース自体はサンプルをパクって終わりなので大したことないんですが、
スタイルシートが絡むみたいで、僕には難しい...。

一応、backgroundの画像を差し替えたり、文字色を自分のサイトっぽい色に変更はできました。

...が、画像を使うと、サンプルのようにキレイな雰囲気が出せないんですよねぇ。
マウスをアコーディオンに乗せた時に色が変わるんですけど、そこがもう一歩足りない感じ...。

スタイルシートが分かると、自由自在にjQueryを扱えるようになるのかなぁ。
誰かスタイルシート教えてください＞＜

この前、JavaScriptで改造をすると言ったからには、
少しは何かやってるぜ！って感じを見せとかないとね。

ということで、今日JavaScript + jQueryを使って、アコーディオンUIを作ってみました。
(作ったと言ってもサンプルを少しいじっただけですが...^^;)


さて、何かいろいろと意味不明な言葉が出てきましたね^^;

JavaScriptは、前回少し説明したので良いとして、

・jQuery
・アコーディオンUI

って何じゃい！！ですよね。

「jQuery」は、そのまま「ジェイクエリ」と読みます。
説明が難しいんですが、ライブラリと言ってJavaScriptで使える色んな機能がまとまっているものです。

てか、ライブラリだとか、そんなのは知らなくていいです^^;
知らなくても大丈夫なように、僕がフォローします♪


次は、アコーディオンUIです。
アコーディオンとUIという言葉をくっつけて僕が勝手に作った言葉です。

では、アコーディオンを使って「jQuery」「UI」「アコーディオン」を
簡単に説明しますので、下のアコーディオンで遊んでいってください^^



　　　　　　　

↓アコーディオン↓

と、これがアコーディオンというものです^^
なかなか面白いですよね。

ただ、調子に乗ってこういうのをやりすぎるとサイトが重くなって
ユーザビリティの低下を招くことになります(笑)

何事もバランスが大事ですね^^