This domain may be for sale!
SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development. Usage SimpleModal provides 2 simple ways to invoke a modal dialog. As a chained jQuery funct
サンプル サンプルファイルのダウンロード ちょっと前に流行った?アコーディオンメニューの開閉状態を Cookieで保存する方法をメモをかねて紹介します。 必要なファイルを集める 面倒だと思うのでサンプルにまとめました。 サンプルファイルをダウンロードして新しいHTMLでJSファイルを読み込んでください。 サンプルファイルのダウンロード HTMLを用意する CSSファイルを読み込む この記事でCSSの解説はしてません。。 JSファイルを読み込む HTMLをマークアップする HTMLがちょっと気持ち悪いと思う人もいるかもしれませんが 今回はこんな感じでマークアップしてます。 JSを書く 普通にアコーディオンメニューにする 今回は特にアコーディオン部分の記述にはふれませんが 以下の記述でアコーディオンになります。 jQuery Easingプラグインを使ってちょっと動きを変えてます。 何気ないア
WEBで表示順の入れ替え機能って作るのも、使うのも面倒なんだよね。上下に移動するボタン作ったり、表示順を数値で入力したり。 で、最近そんな機能を作成する必要が出てきまして。いろいろ考えて、そういえばWordPressのウィジェット(右側の最近の投稿やコメントがドラッグアンドドロップで入れ替え可能)って便利だよね、そんな風にできないかな、と思って調べてみたら出来たのでメモ。 とりあえず、何かしらライブラリを使えばできるだろう、と思って調べてみた。やっぱりこういうときはJQuery と YUI に当たることが多いね。 YUI Library Examples: Drag & Drop: Reordering a List Sortable Demos (jQuery UI - Functional demos) ちなみに、WordPressもJQueryっぽい。Sortableを使ってるかど
今回使用する「Dialog」「Draggables」「Droppables」「Sortables」に必要なファイルは以下の通りです。 themes/ jquery-1.2.3.min.js jquery.dimensions.js ui.mouse.js ui.resizable.js ui.dialog.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js ui.sortable.ext.js ui.sortable.js jQuery UI 1.5bを使うために、今回は同梱されているjQuery 1.2.3を使うことにします。バージョンが上がりますが、これまでのサンプルの動作に影響はありません。 ライブラリの設定 ライブラリの各ファイルを、head要素の子要素に以下のように指定します(
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 simpleSli.de フレキシブルでシンプルで軽量なコンテンツスライダーの決定版。 Lightbox_me DOM要素を指定して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く