• ベストアンサー

カーソルが画面端に来たとき横スクロールするhtml

ページ全体に画像を貼り、カーソルが画面の左右数センチに来たときに横にゆっくりスクロールされていくhtml(又はcss、スクリプト)を教えて下さい。 絵巻物を見るような感覚のページを作りたいと考えています。 また、その画像の上に、背景の上に付けるようにリンクを何箇所か乗せることは可能でしょうか? 可能でしたら、その方法も是非お聞きしたいです。 複雑な上に説明がわかりづらくて申し訳ありません。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

マウスのポイントで横スクロールはjqueryにあります。  ⇒画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) - かちびと.net( http://kachibito.net/web-design/224-image-jquery-collection.html ) 画像の上にリンクを置くのは、単にナビゲーションのデザインです。 HTMLは、 <div class="nav">  <ol>   <li>    <ol>     <li><a href=""></a></li>     <li><a href=""></a></li>     <li><a href=""></a></li>     <li><a href=""></a></li>    </ol>   </li>   <li>    <ol>     <li><a href=""></a></li>     <li><a href=""></a></li>     <li><a href=""></a></li>     <li><a href=""></a></li>    </ol>   </li> ・・・【中略】・・・  </ol> </div> で良いです。HTMLさえ正しく書けていれば、どうにでもなりますよ。  ⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )  にて、[表示]→[スタイルシート]→[画像の上に配置]がひとつの方法化と・・

kuroneko0405
質問者

お礼

web初心者ゆえせっかくの参考資料も上手く応用させることが出来ませんでしたが、これからの質問の参考にしていただこうと思います。ご回答有難うございました。

すると、全ての回答が全文表示されます。