締切済み

クリックすると横にスムーズスクロールするもの

2007/06/07 16:52

いつもお世話になっております。何度かこの質問をさせて頂いたのですが、また挑戦しているので教えて下さい。 ※長文です。矢印をクリックすると下の「内容」というテーブルが左右にスムーズスクロールするものを作りたいと思っています。分かりやすく言うとアップルの動画のページのような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> としてみましたが、スムーズスクロールにならないのと、矢印のクリックが一度しかききません。これをクリックする毎に右へ移動するようにしたいです。この場合どちらを使えば良いか、またその場合どうすればいいかどなたか宜しくお願い致します。