OrangeMaker_logo
Memo アイコン Web技術備忘録

infomation

Web系技術やテクニックに関するメモです。（css+xhtmlを使用する前提です。）
（素人に近いレベルなのでたいしたトピックはありません。当然、記載内容が正しいことを保障するものではありません。）

Webページのリダイレクション

2010/1/31 作成

ページのリダイレクション方法は、色々とあるようですが、metaタグで行う方法をメモっておきます。
以下のタグを<head></head>内に記述します。

	<meta http-equiv="Refresh" content="5; URL=http://www4.ocn.ne.jp/~dragonoo/" />

この定義で、５秒後にOrangeMakerのＨＰへリダイレクトします。

ついでに、マウスオーバーでリダイレクトする方法です。Javascriptを使用します。
以下のコードを<head></head>内に記述します。

<script type="text/javascript">
	<!--
	function F_jumpURL(url) {//v1.0
		window.location=url;
	}
	// -->
</script>

以下のコードをマウスオーバーの対象タグ内にいれます。 

<p onmouseover="F_jumpURL(/*href*/'http://www4.ocn.ne.jp/~dragonoo/')">
ここにマウスを当てるとJumpします。</p>