• ベストアンサー

スマホで右にスライドさせるリンク

スマホのHPサイトページで リンクをクリックしたときに、 右にスライドさせるような形でリンク先を表示させるようにするには、 どのように記述したらいいのでしょうか? (普通のリンクは同じページ内で画面が一気にかわるだけです。) 都道府県の地域詳細リンクに多いです。

  • ENTRE
  • お礼率0% (16/2523)
  • HTML
  • 回答数1
  • ありがとう数0

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

  • ベストアンサー
回答No.1

AjaxでHTMLファイルを読み込んで、その内容をposition:absolute; left:100%;top:0で表示、 ページ全体を左にスライドさせてください。 考え方はスライドショーと同じで、 スライドショーで表示する内容をAjaxで受け取るだけです。 一番有名なjQuery Mobileというテンプレートというのか、フレームワークというのか、どういう呼び方が一般的なのかはわかりませんが、 それを元にして作れば簡単にできると思います。 (JavaScriptを作る必要は有りませんが、jQuery Mobileのテンプレート記述式や、使い方を覚える必要が有ります。)

関連するQ&A

  • リンクを押してスライドを出現させる方法

    リンクをクリックしたときに、新しいページに飛ぶのではなく、画面の上にスライドを表示させる方法を教えて下さい。 ギャラリーなどでよくある、サムネ画像をクリックすると上にふわっと出現するもののスライド版を作りたいと思っています。 スライド自体は作れているのですが、それをどうやったらリンクを押したときに画面上に出現させることができるのかわからず悩んでいます。 下の参考画像のように、元のページが一段階暗くなり、上に出てくるというものです。 スライドは、画像がフェイドアウトして新しい画像がフェイドインするようなタイプではなく 画像が横スライドして新しい画像に入れ替わるタイプです。 また、元のページ自体がまたスライドなのですが、一つのhtmlに複数のスライド用のjQueryをつないだ場合、ごちゃごちゃに反応してしまうでしょうか。 どなたかご教授お願いいたします。

    • ベストアンサー
    • HTML
  • ページがスライド

    リンクをクリックすると同じページ内のリンク先までスライドするページをつくりたいのですが、どのようにすればいいのでしょうか? JaveScriptだというのはわかっています。 こんな簡単な説明ですがわかるかた、教えていただけませんか。

  • java scriptだと思うのですが、リンク画像をクリックするとペー

    java scriptだと思うのですが、リンク画像をクリックするとページは変わらずに画面全体が右へゆっくりスクロールし、そこに次のリンクが出てくる…といったHPを作りたいのですが、まだまだ初心者の為、記述方法が分かりません。質問内容に不足があるとは思いますが、ご回答お願いいたします。

  • 新しいブラウザが立ち上がるようにリンクさせたい。

    ビルダーを使用しています。 よくリンク先をクリックすると、新しいブラウザ画面が立ち上がり、 そこにリンク画面が出るようなHPがありますが、 やり方がわかりません。 フレームページを使用して作っているのですが、 そのままリンクさせると、狭い枠の中にリンク画面が表示してしまいます。

  • 右クリックじゃないとリンクがひらきません

    どうしてもわからないので教えてください。 インターネット上でリンク先だけが左クリックでは開かなくなってしまいました。 右クリックの「リンクを新しいウィンドウで開く」 をすると開くのですが、また左クリックで開けるようにしたいのです。 どのようにすれば直るのでしょうか?? ちなみにこのようになったのはインターネットエクスプローラーのバージョンを変えてからのような気がします。 どうか教えてください。宜しくお願いします。

  • 基本的な質問で恥ずかしいのですが、直リンクってなに?

    よく、直リンクはだめ!という記述をホームページなどで見るのですが、直リンクとは何ぞや。 私は壁紙などのフリー素材を持ち帰る時は、右クリックして『名前を付けて保存』をしています。 また、リンクを張るときはバナーをもらってきて、そこのHPのトップページを貼り付けてますが、それでいいのでしょうか。

  • webを右にスライドさせる方法

    みなさま宜しくお願いします。 色々webサイトを見て勉強している者です。 下記のサイトのように上部の「Portfolio」ボタンを押したら右へスライド移動するにはどうしたら良いのでしょうか? http://lucuma.com.ar/ これはJavaの技術なのでしょうか? どのように記述すれば良いか分かりません。 ちなみに同じページ内に移動するスクリプトは見つけたのですが、上記のようなスライドしながら移動はしませんでした。 素人のような質問ですみません。 どうかよろしくお願いします。

  • IEのリンクが開かない

    先日、IE7.0のβ版を入れたのですが、不安定だったので、コントロールパネルのプログラムの追加と削除からIE7.0を削除して、IE6.0sp2に戻しました。 その状態で、HPを開きます。 例えば、Aページを開いた時に、ページの左側にリンクが並んでいて、そのリンク先が右に表示されるようなHPの場合(下イメージ) ――――――――― I LINK1 I       I  I LINK2 I       I I LINK3 I LINK先 I I LINK4 I       I I LINK5 I       I ――――――――― HPを開いて、LINK1をクリックしたら、当然、LINK先が表示されます。 ところが、続いてLINK2をクリックしても何も表示されないのです。(反応無し) ところが、ブラウザの「戻る」を押して、LINK2をクリックするとLINK先が表示されます。が、その状態で違うLINK先をクリックしてもやはり何も反応しません。 通常ならば当然LINKをクリックすると、「戻る」必要もなく、リンク先が表示されますよね? 明らかにIE7.0をアンインストールしたことが原因だとは思いますが…(^^; どなたかお知恵をお借りできれば幸いです。

  • 動画(AVI)へリンクを張っていますが、右クリックのダウンロードをさせたくない

    動画(AVI)へリンクを張っていますが、そのリンクを左クリックすると、動画が再生されますが、右クリックすると、動画のダウンロードが可能となります。この右クリック時に「ダウンロード」を押せない表示にしたいのですが、どのように記述すればいいのでしょうか?

    • ベストアンサー
    • HTML
  • リンクを右クリックするとページが変わる方法。

    よろしくお願いいたします。 ハイパーリンクをクリックすると リンク先に飛んでいきますが、 右クリックすると 左クリックと同じように リンク先に飛んでいく スクリプトがありましたら ご教授をお願いしたいのですが。 マウスの設定はそのままで。 よろしくお願いいたします。