インラインフレームスクロール

ホーム > DHTML > インラインフレームスクロール

■説明

　インラインフレームを上下ボタンにカーソルに合わせるとスクロールします。スクロールバー無しで表示するとCOOLな感じになりますね。IE4から動作します。N4も動作します。一応クロスブラウザー(IE/Nに対応しているという意味)となっていますがN6では動作しません。どうやら、スクロール関連のメソッドが動かない･･･ようです。DHTMLの機能です。動的なページを作ることが出来ます。

　N4も動作しますが、あまり思わしくない動作を引き起こす可能性もあります。使う際には気を付けましょう。

■ソース

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<TITLE>インラインフレームスクロール</TITLE>
<STYLE TYPE="text/css">

</STYLE>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
//――――――――――――――――――――――――――――――――――――――
// 作成者:るび～  ACCESS R  http://www5e.biglobe.ne.jp/~access_r/
//――――――――――――――――――――――――――――――――――――――

//――――――――――――――――――――――――――――――――――――――
// ユーザが設定する部分はここから！！
//――――――――――――――――――――――――――――――――――――――
var scrollspeed = 10;	//スクロールスピード(値が少ない程早く動きます)
//――――――――――――――――――――――――――――――――――――――
// ユーザが設定する部分はここまで！！
//――――――――――――――――――――――――――――――――――――――
var scroll = 0;
var h, wh, maxheight, way, timer;

function StopScroll(){
	if(timer && (document.all || document.layers)){
		clearTimeout(timer);
	}
}
window.onload = GetHeight;
//-->
</SCRIPT>
</HEAD>
<BODY>

</BODY>
</HTML>

■実行例

■対応ブラウザ

インラインフレームスクロール
IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6
×	●	●	●	●	×	●	×	×	×

[ホーム] [DHTML] [↑ページ最上部へ戻る]

インターネット上であなたのパソコン教室を開きませんか？
自宅でパソコン教室を簡単に開くことが出来ます。そして低リスクで効率よく稼げる仕事をさがしている。そんな方にはオススメです。