No.2ベストアンサー
- 回答日時:
こんなのでよろしい?
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Page-Enter" content="revealTrans(transition=12,duration=1)">
<meta http-equiv="Page-Exit" content="revealTrans(transition=12,duration=1)">
<meta name="copyright" content="meg">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>サンプル</title>
<style type="text/css">
.Button01OFF{background-image: url('off.gif')}
.Button01ON{background-image: url('on.gif')}
.Button01CLK{background-image: url('click.gif')}
</style>
<script language="JavaScript">
//↓↓↓↓↓↓↓↓↓IMG タグ用↓↓↓↓↓↓↓↓↓
function overmouseIMG(elem,pict){
//カーソルが乗ったら
elem.src= pict
}
function outmouseIMG(elem,pict){
//カーソルが降りたら
elem.src= pict
}
function clickmouseIMG(elem,pict,url){
//カーソルがクリックしたら
elem.src= pict
document.location = url
}
//↑↑↑↑↑↑↑↑↑IMG タグ用↑↑↑↑↑↑↑↑↑
//↓↓↓↓↓↓↓↓↓DIV タグ用↓↓↓↓↓↓↓↓↓
function overmouseDIV(elem,pict)
{
//カーソルが乗ったら
elem.className = pict
}
function outmouseDIV(elem,pict){
//カーソルが降りたら
elem.className= pict
}
function clickmouseDIV(elem,pict,url){
//カーソルがクリックしたら
elem.className= pict
document.location = url
}
//↑↑↑↑↑↑↑↑↑DIV タグ用↑↑↑↑↑↑↑↓↓
</script></head>
<body>
<Div id ="button01" style="position:absolute;top:50px;left:100px;height:150px;width:150px"><img border="0" src="off.gif" style="width:150px; height=100px;"
onmouseover="overmouseIMG(this,'on.gif')" onmouseout="outmouseIMG(this,'off.gif')" onclick="clickmouseIMG(this,'click.gif','http://homepage1.nifty.com/axzy')" width="156" height="104">↑知り合いのサイトです。</Div>
<Div id ="button02" style="position:absolute;top:300px;left:100px;height:100px;width:150px" class="Button01OFF" onmouseover="overmouseDIV(this,'Button01ON')" onmouseout="outmouseDIV(this,'Button01OFF')" onclick="clickmouseDIV(this,'Button01CLK','http://homepage1.nifty.com/axzy')"><font color="#C0C0C0">知り合いのサイトです。</font></Div>
<Div style="position: absolute; top: 88; left: 292; width: 233; height: 52">←DIVタグをScriptでコントロール。</Div>
<Div style="position: absolute; top: 323; left: 280; width: 233; height: 52">←IMGタグをScriptでコントロール。</Div>
</body></html>
txtにコピー&ペーストしてhtmlに。
on.gifとoff.gifとclick.gifを作って同じ場所に。
と一応二通り作ってみました。どうでしょうか。
Scriptでbackground-image: url('xxx')}を変える方法がわからなかったので(←素人)Classでいじってみました。
ScriptERRORは無いと思いますが間違いがないか、もっとスマートにできないか等は検討してみる必要があると思います。
No.3
- 回答日時:
Java Scriptを使用しない場合です。
off.gifは通常のボタン、on.gifは押したボタンです。
チョッと使う場合は、タグに直接書き込んだ方が楽と思います。
<img src="off.gif" onmouseover="this.src='on.gif'" onmouseout="this.src='off.gif'">
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) マウスオーバー→ホイール回転でスクロールできない 2 2022/10/31 10:06
- Word(ワード) Wordで作った「表の罫線を部分的に削除したい」 4 2023/07/24 07:00
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- モニター・ディスプレイ 【ウルトラワイドモニター検討中】 2 2023/08/08 13:06
- Excel(エクセル) エクセルのマクロ設定 1 2023/04/05 19:37
- ノートパソコン パソコンに詳しい方教えて下さい!! ノートパソコンはhuawei使ってますが、キーボードがおかしくな 4 2022/05/14 16:12
- iPhone(アイフォーン) 簡単にアイフォンのロックを解除する方法 3 2022/05/18 15:07
- その他(インターネット接続・インフラ) PCに関してのトラブル 2 2023/04/02 18:52
- 電子マネー・電子決済 QUICPayの登録ができない。 4 2023/06/10 10:57
- その他(AV機器・カメラ) 至急!Panasonicのリモコンを使ってるのですが、電源ボタンなどや音量ボタン入力切り替えのボタン 3 2022/06/02 14:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
生とゴムの違い
-
昨日の晩にスゴくいやらしい体...
-
処女を抱いた男性へ質問です
-
男性に質問:彼女をオカズにし...
-
28才OLです、マスターベー...
-
息子と性的関係になり抜け出せない
-
エロくなってきた妻
-
処女とエッチして 相手の男性が...
-
男性に質問です! 男性は女性の...
-
入れられてる側は(女性側)どん...
-
処女のとき、何回目のHで挿入...
-
付き合えそうな女性との行為…想...
-
男性は好きな女性なら挿入行為...
-
女性はマンコ舐めてほしいんで...
-
職場の女性社員を見て妄想する...
-
セフレの女性が離れていきそうな時
-
私はちんこが好きです。 凄く下...
-
男性側はセックスでの挿入時、...
-
男性は前戯だけでも我慢できる...
-
男の人が勃ってるときって、頭...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
女性はマンコ舐めてほしいんで...
-
男性側はセックスでの挿入時、...
-
息子と性的関係になり抜け出せない
-
男性が好きな人でオナニーする...
-
昨日の晩にスゴくいやらしい体...
-
生とゴムの違い
-
処女とエッチして 相手の男性が...
-
エロくなってきた妻
-
処女を抱いた男性へ質問です
-
28才OLです、マスターベー...
-
男性に質問です! 男性は女性の...
-
男性に質問:彼女をオカズにし...
-
処女のとき、何回目のHで挿入...
-
入れられてる側は(女性側)どん...
-
付き合えそうな女性との行為…想...
-
男性は好きな女性なら挿入行為...
-
職場の女性社員を見て妄想する...
-
私はちんこが好きです。 凄く下...
-
セフレの女性が離れていきそうな時
-
男性は前戯だけでも我慢できる...
おすすめ情報