- 締切済み
ビジュアルの切り替わりスクリプト（javascript）
http://www.mizuhobank.co.jp/のトップページにあるようなビジュアルの切り替わりスクリプトを探しています。 （みずほ銀行のように、スクロールしたり、ランダムに切り替わる必要はありません。ただボタンを押してビジュアルが切り替わり、そのビジュアルからリンクできればいいです。） http://www.mizuhobank.co.jp/以外でこのようなスクリプトのあるサイトやサンプルがありましたら教えてください。または簡単に実装できるソースがあれば教えていただけたらと思います。
- twin-sin
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
<html> <body> <div style="width:600px;height:160px"> <div style="width:200px;height:160px;background-color:#fdd;float:left;"> ３分割の真ん中の背景をボタンにより書き換える onClick処理を書き換えてジャンプ </div> <div style="width:200px;height:160px;background-color:#dfd;float:left;" id="a"></div> <div style="width:200px;height:160px;background-color:#ddf;float:left;"> <input type="button" value="ボタン１" onClick="ch('img0.jpg','http://www.goo.ne.jp/')"><br> <input type="button" value="ボタン２" onClick="ch('img1.jpg','http://www.yahoo.co.jp/')"><br> <input type="button" value="ボタン３" onClick="ch('img2.jpg','http://www.rakuten.co.jp/')"><br> <input type="button" value="ボタン４" onClick="ch('img3.jpg','http://www.baidu.jp/')"><br> </div> </div> <script> window.onload=function(){ ch('img0.jpg','http://www.ne.jp') }; function ch(i,h){ with(document.getElementById('a')){ style.backgroundImage='url('+i+')'; onclick=function(){location.href=h}; } } </script> </body>
