ページ中の全ボタンを半透明にしてマウスオーバーで不透明にする
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>半透明のボタンをマウスオーバーで不透明にする</title>
<script type="text/javascript" charset="Shift_JIS" src="alpha.js"></script>
<style type="text/css">
button {
width:75px;height:20px;
background-color:#cccccc;
}
</style>
</head>
<body>
<button onclick="window.open('http://www.salut.ne.jp/')">Salut!</button><br>
<button onclick="window.open('http://web.arena.ne.jp/')">WebARENA</button><br>
<button onclick="window.open('http://www.sphere.ne.jp/')">InfoSphere</button>
</body>
</html>
<button>タグで作ったページ中のボタンをすべて半透明にし、マウスを載せたときだけ不透明にします。ボタンの使い方は自由です。
<head></head>内に、
<script type="text/javascript" charset="Shift_JIS" src="alpha.js"></script>
<style type="text/css">
button {
width:75px;height:20px;
background-color:#cccccc;
}
</style>
を記述します。
この例の場合、クリックすると別ウィンドウを表示します。
<body>内に、
<button onclick="window.open('http://www.salut.ne.jp/')">Salut!</button><br>
という記述を入れます。
http://www.salut.ne.jp/の部分はリンク先を、Salut!の部分はボタンに表示する文言を入れてください。
同梱されてるalpha.jsは、書き換える必要はありません。そのままアップしてください。
ホームページ作成ガイド
ホームページ作成ガイド