bundle.js — HiGash.Net

Webページ制作時に便利なjavascriptライブラリまとめ。

変更履歴

2008/9/2
bundle.js ver 1.0 公開

bundle.jsについて

画像の自動ロールオーバー、フォームの自動フォーカス、テーブルの一行おきの色替え、ページ内リンクのスムーススクロールを行います。

画像の自動ロールオーバーについて

*_off.pngと名付けられた画像の上にマウスオーバーすると、自動的に*_on.pngと名付けられた画像を探して表示します(画像の拡張子はjpg、gifなど何でもOK)。また、*_off.pngという名前の画像がある場合、ページ読み込み時に*_on.pngという名前の画像をプリロードします。

フォームの自動フォーカスについて

<input type="text">、<input type="password">、<textarea>タグにマウスをフォーカスした際、バックグラウンドの色を自動的に変更します。

個人情報
性別:  
生年月日:
興味のあるジャンルは?:    
その他特記事項:

テーブルの一行おきの色替えについて

すべてのtableに対して、<tr>タグの奇数行にclass="odd"を、偶数行にclass="even"を追加します。

Web Browsers
1Internet Explorer 6.034.62%
2Internet Explorer 7.026.03%
3Firefox 2.022.32%
4Firefox 1.53.52%
5Firefox 3.03.16%
6Opera 9.21.08%
7Safari 2.00.98%
8Safari 3.00.92%
9Firefox 1.00.68%
10Mozilla 1.80.58%

W3Counter - Global Web Stats (2008 July)

ページ内リンクのスムーススクロールについて

ページ内リンクを押した際に、画面がリンク先までスムーズにスクロールします。name属性に対してはもちろん、<div id="top">など、id属性をターゲットにして<a href="#top">などと記述することもできます。

このページのトップへ