クリックすると横にスムーズスクロールするもの
いつもお世話になっております。
何度かこの質問をさせて頂いたのですが、また挑戦しているので教えて下さい。
※長文です。
矢印をクリックすると下の「内容」というテーブルが左右にスムーズスクロールするものを作りたいと思っています。
分かりやすく言うとアップルの動画のページのようなjavascriptを組みたいのです。
┌──┐
← │内容│ →
└──┘
今やってみているのは
以下のURLのマウスオーバーでテーブルの内容が上下にスクロールするというものを
マウスオーバーではなくクリックにして、上下スクロールではなく左右のスクロールにする。
http://www.makoto3.net/softbank/fix/ss063/ss063.html
onclickにしてもマウスオーバーのイベントが残っている感じでマウスが乗っている間はスクロールしていまいます。
次に
http://www.akikobrand.com/html/index.html
こちらの「Javascriptで横スクロールさせる」を作り替えて
</script> </head>以降を
<a HREF='#'>→</a>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<div style="overflow:auto;width:100px;">
<table border="1" cellpadding="0" cellspacing="0" width="1800">
<tr>
<td width="600"><img src="001.jpg" border="0">
</td>
<td width="600" valign="bottom"><a name="javascript:slidePage(true,0,600)"></a>
<img src="002.jpg" border="0">
</td>
<td valign="bottom"><img src="003.jpg" border="0">
</td>
</tr>
</table>
</div>
としてみましたが、スムーズスクロールにならないのと、矢印のクリックが一度しかききません。
これをクリックする毎に右へ移動するようにしたいです。
この場合どちらを使えば良いか、またその場合どうすればいいかどなたか宜しくお願い致します。
お礼
ご回答ありがとうございました。