• ベストアンサー

コンテンツが動くjquery？

http://www.majigohan.jp/ このサイトのように、ブラウザの幅を変更するとコンテンツが動く（？）ようにしたいと思っています。 ソースを見てもよくわからないのですが、jqueryを使用しているのでしょうか？ どなたか教えていただけると嬉しいです。

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

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5095/13318)
回答No.2

ソースを見るとjQueryを使ってますね。 ソースの最後の方にjQueryとそのプラグインを読み込んでいる箇所がありますよ。

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

その他の回答 (1)

noname#161640
noname#161640
回答No.1

見たところjQueryとprototypeを使っているようですね。ただし標準機能だけではなく、jQueryのプラグインを幾つか組み合わせているようです。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • Jqueryでコンテンツスライダーを設置する

    下記のサイトを参考にjQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置しました。 参考サイトにあるようにちゃんと動かす事は出来たのですが。 参考サイトには「今回のjqueryのソースではコンテンツスライダー要素全体を囲うブロック要素が100%でないといけない」となっており、 参考サイトにあるjqueryのソースを幅1000px（コンテンツスライダー要素全体を囲うブロック要素）のコンテナー内の中央に幅950pxで表示させることは可能でしょうか？ どこを変更すれば、いいのか教えて下さい。 参考サイト http://black-flag.net/jquery/20121219-4407.html

  • jQuery スライダー

    下記のサイトを参考にjQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置しました。 参考サイトにあるようにちゃんと動かす事は出来たのですが。 しかし、現在作成中のwebページは、このコンテンツスライダー要素全体を囲うブロック要素が1000px,スライダーを表示する幅を950pxにしたいのですが自分なりに試行錯誤しても、メイン表示エリアがスライダーを表示する、幅950px内の中央に来ません。 参考サイトには、今回のjqueryのソースではコンテンツスライダー要素全体を囲うブロック要素が100%でないといけないとなっています、この場合はHTML,CSS,SCRIPTどこを変えれば、コンテンツスライダー要素全体を囲うブロック要素が1000px,スライダーを表示する幅を950pxに納める事ができるのでしょうか？ 自分のソースを書くスペースが無いので、申し訳ありませんが、私が参考にしたサイトのURLよりソースをご確認頂き、ご指摘お願いいたします。 参考サイト http://black-flag.net/jquery/20121219-4407.html

  • コンテンツを上下に動かすには

    Javascript初心者です。よろしくお願いします。 コンテンツをふわふわと上下に動かしたいです。 下記サイトの「ふわふわしてるコンテンツ」を参考にしました。 http://kaelab.ranadesign.com/mtctrl/mt-search.cgi?blog_id=1&tag=jQuery&limit=20 複数（20個程）のコンテンツを動かしたいのですが それぞれに速度やふり幅を変えるにはどうすれば良いでしょうか。 今は、上記ブログに書いてあった下記コードを20個記載しています。 (function(){ var i = 0; (function move(){ i = i > 0 ? -1 : 1; var p = $("#test01").position().top; $("#test01").animate({ top: p + i * 3 }, { duration: 500, complete: move }); })(); })(jQuery); また一定ではなく animate({ top: p + i * 3 }と animate({ top: p + i * 8 } というふうに、ふり幅も２種類を繰り返し設定したい場合は どうすれば良いのでしょうか。 よろしくお願いします。

  • IE6で動かないjQueryはどのようにすれば？

    jQueryであるサイトを作っているのですが、IE6を使用した場合動かなくなってしまい困っております。 今更そんな古いブラウザをサポートしなければ良いのにと言われそうですが・・・IE６～９の混在環境のため困っております・・・比率は数％なのですが・・・ 使っているプラグインはcoda-sliderです。http://kevinbatdorf.github.com/codaslider/ これがどうしてもスライドできずかつパネルがすべて表示されてしまいます。 （ほぼサンプルどおりのソース） とりあえず一番上にあるパネルだけでも表示されるようになれば上出来なのですが・・・ 詳しい方教えていただけませんでしょうか？

  • safariでjQueryのDLが出来ません

    jQueryのダウンロードが上手く出来ません。どなたか教えてください。 OSはMacOS10.6.8 ブラウザはsafari5.1です。 Downloderをクリックしてもソースが記述されたページがブラウザに表示されるだけでした。 http://docs.jquery.com/Downloading_jQuery からMinifiled版をダウンロードしようとしても同様の症状です。 ちなみにアーカイブについても同様でした。 よろしくお願いします。

    • 締切済み
    • Mac
  • jquery

    とあるサイトの 1つのソースの中に <scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> と <scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> があるのですが この二つは意味が違うのでしょうか？ バージョンが 1.7.1と1.11.1になっていますが 1.11.1が数字が高いから、1.11.1だけあればいいのでしょうか？

  • jqueryにて

    こちらではお初にお世話になります。 よろしくおねがいします！ さて、jqueryを用いてScrollFollowを実装中なのですが、 正常に動作させることが出来ません。 ソースは <script type="text/javascript" src="./jslib/ui.core.js"></script> <script type="text/javascript" src="./jslib/jquery-1.2.6.js"></script> <script type="text/javascript" src="./jslib/jquery.scrollfollow.js"></script> <script type="text/javascript" src="./jslib/jquery.easing.1.3.js"></script> <script type="text/javascript" src="./jslib/jquery.cookie.js"></script> <script type="text/javascript"> $( document ).ready( function (){ $('test').scrollFollow({ }); }); </script> をヘッド部分に、 <div id="test"> コンテンツ </div> をBODYに記述しています。 動作せずにFirefoxのエラーコンソールで確認したところ エラー: jQuery is not defined ソースファイル: （省略）update/jslib/ui.core.js 行: 238 エラー: $("test").scrollFollow is not a function ソースファイル: http://contest2009.thinkquest.jp/tqj2009/110392/update/ 行: 13 と表示されました。jsファイルの生存は確認できており、 その系統のミスではないと思うのですが。。。 どなたかアドバイスをお願いします！

  • jQueryの画像を使用したタブメニューについて

    jQueryの画像を使用したタブメニューを実装しようと思い、 http://www.ezgate-mt.sakura.ne.jp/jquery/71.html 上記のサイトを参考に行なってみたのですが、各コンテンツの中にdivタグを使用するとその内容が全く表示されないという状況に陥ってしまっており、とても悩んでいます。 一体どうすればdivタグも使用出来るようになるでしょうか。 どなたかお教え頂ければ幸いです。

  • jQueryでのgalleryについて

    http://sugoude.inuiyosuke.jp/ 上記のようなサイトのjQueryのプラグインはないでしょうか？ Google探してますが、スライダーやシンプルなギャラリーはありますがこういった流れるjQueryは 見当たりませんでした。 他の方法でもいいですが、最近jQueryにはまっているため質問させていただきました。 よろしくおねがいします。

  • jQuery jTPS

    テーブルレイアウト等の機能を備える jQueryのプラグインjTPSのjsソースを入手したいのですが、 本家のサーバーはもうないみたいなのですが…。 http://plugins.jquery.com/project/jTPS どなたかソースが配布されているサイト もしくはソースを持ち合わせていませんでしょうか？ もし持っている方がいましたらぜひ公開していただきたいので、 どうぞよろしくお願いします(>_<) （ライセンスがMITだったのでご質問させていただきました。）

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する