Arahabicaのブックマーク - はてなブックマーク

jQueryのよく使いそうなAjax関係のAPIをまとめてみました | スターフィールド株式会社

ページの更新性を高めたり、ページの読み込みを早くしたり、ページ操作のストレスを軽減したりする目的で、 Ajaxが使われる機会はとても増えてきています。 jQueryはこのAjaxの機能を、とても使いやすくしてくれます。ただ、その記述方法は目的によっていくつかあり、その記述方法は昔のjQueryのバージョンとは変化してます。そこで、今のjQuery(1.8以降)でのAjaxの基本的な使い方をまとめてみました。「$.ajax()」: Ajax全般を扱う通信を行うファイルの形式を選ばない、汎用的な方法です。 $(function(){ /*---------------- Ajax全般 ----------------*/ //最小限 $.ajax({ url: "module.html" }).done(function(data){ //ajaxの通信に成功した場合 alert(

Arahabica 2015/11/08

jQuery

リンク

横スクロールを可能にできる「jquery.mousewheel」を使用してみた | スターフィールド株式会社

近々、個人的に横スクロールのサイトを作ってみようかなと思っていたので、その前に、横スクロールだけでも試しておこうと思い、簡単なサイトを作ってみました。使用するのは、「jquery.mousewheel」というプラグインは、 jQuery Mousewheel | jQuery Plugin Registry になります。 DEMOサイトは以下からご覧下さい。 DEMO 横スクロールの実装方法は以下になります。「jquery.mousewheel」の実装方法まず、プラグインをダウンロードします。 jQuery Mousewheel | jQuery Plugin Registry そして次に、 head内に以下を読み込みます。

Arahabica 2015/10/18

jQuery

リンク

jQueryでwebサイト上でクリックした箇所を判別し操作する方法 | スターフィールド株式会社

jQueryでクリックイベントで、アニメーションさせたり、操作したりすることは非常に多くありますが、基本的に、その指定は、何かしらのボタンや要素を直でしていました。例えば、

Arahabica 2014/12/19

jQuery

リンク

【jQuery】スマホの広告みたいにスクロール中に非表示にするjQueryのコード | スターフィールド株式会社

スマホのサイトで広告などに用いられている、スクロール中に特定の要素を非表示にするjQueryのコードを組んでみました。スマホでよく使われるので、スマホにも対応いたしました。 ↓こちらがデモ DEMO 方法たとえばfooterをfixedにして、スクロール中非表示にする場合。 JavaScript $(function(){ $(window).on("scroll touchmove", function(){ //スクロール中に判断する $("footer").stop(); //アニメーションしている場合、アニメーションを強制停止 $("footer").css('display', 'none').delay(500).fadeIn('fast'); //スクロール中は非表示にして、500ミリ秒遅らせて再び表示 }); });