Java Script: 2007年5月アーカイブ

マックのドックのような動きをするインターフェイスタブ。
これは凄い！！

JavaScriptとCSSだけでMac同様のインターフェイスを実現できる！
早くつかいたーい。

掲載サイト

フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」。
fValidator を使えば、次のように input エレメントの class 属性に 値を指定するだけで入力チェックの機構を実装できます。

引用サイト

上の画面のように、サイトを訪問したときに、外部サイトを表示させるスクリプトのサンプルです。
広告やお知らせなんかに使えるのではないでしょうか。

Dynamic Drive DHTML Scripts- Interstitial Content Box
訪問するとデモが見れます。

詳細はコチラ

ページの最下部へ配置する「ページの先頭に戻る」ボタン。
普通にリンクさせるだけでもいいが、javascriptを使うことによってちょっとオシャレに移動させることができる。

スクリプトはコチラ

function backToTop() {
var x1 = x2 = x3 = 0;
var y1 = y2 = y3 = 0;
if (document.documentElement) {
x1 = document.documentElement.scrollLeft || 0;
y1 = document.documentElement.scrollTop || 0;
}
if (document.body) {
x2 = document.body.scrollLeft || 0;
y2 = document.body.scrollTop || 0;
}
x3 = window.scrollX || 0;
y3 = window.scrollY || 0;
var x = Math.max(x1, Math.max(x2, x3));
var y = Math.max(y1, Math.max(y2, y3));
window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));
if (x > 0 || y > 0) {
window.setTimeout("backToTop()", 25);
}
}

後はhtmlにコレを書く
＜a href="#" onclick="backToTop(); return false">このページの先頭へ＜/a>

javascriptを外部ファイルとしてリンクさせるには
＜script type="text/javascript" src="func.js">