クロスフェードするロールオーバー処理 動作サンプル - XHTML サンプル

このページは「クロスフェードするロールオーバー処理をお手軽に実装するJavaScript 」(KAZUMiX memo)の動作サンプルページです。

XHTML サンプルコード

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP" xml:lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>クロスフェードするロールオーバー処理 動作サンプル - JavaScript サンプル</title>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="rollover2.js"></script>
</head>

<body>
  <h1>クロスフェードするロールオーバー処理 動作サンプル - XHTML サンプル</h1>
  <div id="navi">
    <ul>
      <li><a href="javascript.html"><img src="img/menu01_rollout.png" alt="JavaScript" width="112" height="48" /></a></li>
      <li><img src="img/menu02_rollover.png" alt="XHTML" width="112" height="48" /></li>
      <li><a href="css.html"><img src="img/menu03_rollout.png" alt="CSS" width="112" height="48" /></a></li>
    </ul>
  </div>
  <p>このページは「<a href="http://d.hatena.ne.jp/KAZUMiX/20071017/rollover2">クロスフェードするロールオーバー処理をお手軽に実装するJavaScript</a> 」(<a href="http://d.hatena.ne.jp/KAZUMiX/">KAZUMiX memo</a>)の動作サンプルページです。</p>
  <h2>XHTML サンプルコード</h2>
  <blockquote>
    <pre>
      中略
    </pre>
  </blockquote>
<address>
<a href="http://d.hatena.ne.jp/KAZUMiX/">KAZUMiX memo</a>
</address>
</body>
</html>
KAZUMiX memo