タグ

ajaxとjqueryに関するyou_gotのブックマーク (5)

  • [JS]ページを表示した時にパネルをするっと表示するスクリプト

    広告掲載などに最適なパネルをページの下部からアニメーションで表示するスクリプトをEmanuele Feronatoから紹介します。 Create a dynamic content animated footer ad for your site in just 9 jQuery lines デモページ デモではページを表示した際に、下部からパネルがアニメーションでスライドしながら表示されます。 パネルはスクロールしても定位置に固定表示されており、非表示にするには「Close」をクリックします。 実装は簡単で、</body>の直前にパネル用のdiv要素を配置します。 HTML

    you_got
    you_got 2010/03/05
    お知らせを実装したり?するの?
  • livedoor Techブログ : 裏jQuery - 特殊なTriggerを作ってみよう

    こんにちは。開発部でインターフェースエンジニアをやっております油井(あぶい)です。ライブドアでは主にjavascriptを中心としたクライアントサイド側の開発をやっております。 今回は裏jQueryと題しまして、普段から単にユーザーとして使っているだけでは決して知ることができないjQueryの裏技を紹介したいと思います。 注意 この記事で扱うjQueryは最新版の1.4で動かすことを前提としています(一つ前のバージョンである1.3.2でも動くことは検証済みです)。サンプルで使うjQueryセレクタの書き方は「jQuery」で統一しています。「$」に置き換えて読んでもらってもかまいません。 はじめに - jQueryで扱うイベントやトリガー javascriptがふんだんに使われた画面遷移の発生しないウェブアプリケーションではブラウザ上で発生するイベントやトリガーをうまく扱いこなすということ

    you_got
    you_got 2010/02/23
    Hack
  • jquery.mockAjax でサーバ待ちしないさくさく開発を — ディノオープンラボラトリ

    ディノ日酒調達部員の sou です。こんにちは。 今日はAjax開発に便利なjQueryプラグインを紹介します。 ディノも昨年から JavaScript 案件が増えており、格的な JavaScript アプリケーションも実装するようになってきました。ただ、サーバサイドのみの開発に比べるとXMLHttpRequest経由でサーバサイドとのつなぎ込みが発生するので、問題の切り分けや実装スケジュール調整など難しい点もあるのではないでしょうか。 そんな時には jquery.mockAjax プラグインが便利です。 概要 これを使うと $.ajax のリクエスト先を条件に従い振り分ける事が出来、スクリプトや HTML の書き換え無しにサーバ側への通信をカットし、 ローカルファイルで用意した JSON や HTML フラグメントを代わりに持ってくる事が出来ます。 小さい&単純なコードですが、こ

  • GoogleMapみたいに画像をズーム&グリグリ移動できるjQueryプラグイン「Mapbox」:phpspot開発日誌

    GoogleMapみたいに画像をズーム&グリグリ移動できるjQueryプラグイン「Mapbox」 2009年12月01日- GoogleMapみたいに画像をズーム&グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡単に実装できるみたいです。 マウスホイールでズームし、ドラッグして地図移動が可能 ズームとか移動のコントローラーを付けることも可能で、これなら初心者にも簡単に気付いてもらえますね。 設置はjQueryを使うので、マークアップでズーム用に画像を数枚置いておき、$("#viewport").mapbox({mousewheel: true}); のように初期化するだけでOKです。 オプションも多数あるのでカスタマイズも出来ます。 ズーム前後に実行できるイベントハンドラも設定可能なので、柔軟性が高い

  • jQuery List – A Blog For Coders & Programmers

    CSS is an acronym that stands for cascading style sheets and refers to a set of instructions that controls the appearance of a web page. The formatting principles of CSS are supported by most browsers include Firefox and IE3. In comparison with HTML, CSS provides more formatting options and finer tuning for instance, instead of being stuck with 7 font sizes one can simply use an infinite number of

  • 1