jQueryでonMouseoverとonMouseoutを同時に設定する（２）
Date:2008/06/28 11:54
jQueryメモ。ちょっとはまった。
（「＞」「＜」は実際はbackground-image画像）
【HTML】
<div id="togglebar">
＞<br>＞
</div>
<div id="tdmenu">
メニュー
</div>
【表示（イメージ）】
＞│メニュー│
＞│メニュー│
＞をクリックすると。。。
＜
＜
（「メニュー」非表示、「＞」を「＜」に変更）
というよう感じでページを作成し、以下の処理をjQueryで記述。
（１）togglebar をクリックすればtdmenuは非表示・表示切替
（２）togglebar をマウスオーバーで表示を変える
＞の時は≫
＜の時は≪
（「＞」「＜」は実際はbackground-image画像）
【HTML】
<div id="togglebar">
＞<br>＞
</div>
<div id="tdmenu">
メニュー
</div>
【表示（イメージ）】
＞│メニュー│
＞│メニュー│
＞をクリックすると。。。
＜
＜
（「メニュー」非表示、「＞」を「＜」に変更）
というよう感じでページを作成し、以下の処理をjQueryで記述。
（１）togglebar をクリックすればtdmenuは非表示・表示切替
（２）togglebar をマウスオーバーで表示を変える
＞の時は≫
＜の時は≪
jQueryでonMouseoverとonMouseoutを同時に設定する
Date:2008/06/28 09:42
jQueyメモ。
マウスをある画像の上に乗せたら画像が変わる（大きくなる、色が変わる etc.）、マウスを外すと元に戻る、という処理がよくあります。
通常は、こんな風に書くはず。
（id#mntoggle の background-imageを変更する）
このように、onMouseoverとonMouseoutを使うのが一般的です。
だけど、確かjQueryで一気に両方の処理を書けたはずなんだけど、、、。
マウスをある画像の上に乗せたら画像が変わる（大きくなる、色が変わる etc.）、マウスを外すと元に戻る、という処理がよくあります。
通常は、こんな風に書くはず。
（id#mntoggle の background-imageを変更する）
<div id='mntoggle' onMouseover='
document.getElementById("mntoggle").style.backgroundImage
= "url(画像１.jpeg)";'
onMouseout='
document.getElementById("mntoggle").style.backgroundImage
= "url(画像２.jpeg)";'>
divの中身</div>
このように、onMouseoverとonMouseoutを使うのが一般的です。
だけど、確かjQueryで一気に両方の処理を書けたはずなんだけど、、、。
JavascriptはOFFにできるようにするべき
Date:2008/06/02 19:59
Javascriptのフレームワークの充実により、Ajaxを始め、実に様々なJavascriptによりウェブサイトがリッチになりました。
例えば、このブログでは再読み込みすることなく、メニューの表示・非表示を切り替えられます。
その他、新しい画面が開くこと無く画像が拡大表示できたり、リンク先を先読みしてプレビューを表示するものなど、実に様々です。
しかし、それらの機能は「全てのユーザー」にとって必要なものなのでしょうか。
例えば、このブログでは再読み込みすることなく、メニューの表示・非表示を切り替えられます。
その他、新しい画面が開くこと無く画像が拡大表示できたり、リンク先を先読みしてプレビューを表示するものなど、実に様々です。
しかし、それらの機能は「全てのユーザー」にとって必要なものなのでしょうか。
ブログの実態
Date:2008/05/25 23:59
『iMiリサーチバンク』でブログの更新頻度やアクセス数の実体を調査した結果が発表されました。
調査によると
・「ブログの1日の平均アクセス数で500を超えるもの」は全体の2.3%
・10〜50程度が最も多く、26.3%
など、ブログと言うものの一端が分かりる、一つの資料になるかと思います。
■関連項目：
・ブログに関する調査。７割以上のブログは1日の平均アクセス数が50以下、週に1回以上更新を行なうブログは６割以上。
調査によると
・「ブログの1日の平均アクセス数で500を超えるもの」は全体の2.3%
・10〜50程度が最も多く、26.3%
など、ブログと言うものの一端が分かりる、一つの資料になるかと思います。
■関連項目：
・ブログに関する調査。７割以上のブログは1日の平均アクセス数が50以下、週に1回以上更新を行なうブログは６割以上。
開閉するサイドバーを作成するJavascript「PBB SideBar」 の改造
Date:2008/05/22 00:56
カッコよく開閉できるサイドバー「PBB SideBar」
…ですが、そのままだとただ開閉するだけで、何もできませんでした。
そこで、MRBで少しコードを改修し、内容を直接HTMLで書き込めるようにしました。
サンプル、ダウンロード含めて以下からどうぞ。
開閉するサイドバーを作成するJavascript「PBB SideBar」
…ですが、そのままだとただ開閉するだけで、何もできませんでした。
そこで、MRBで少しコードを改修し、内容を直接HTMLで書き込めるようにしました。
サンプル、ダウンロード含めて以下からどうぞ。
開閉するサイドバーを作成するJavascript「PBB SideBar」
