紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Image Rotator スタイリッシュな画像ギャラリー。 GalleryView インターフェイスが豊富な画像ギャラリー。 Sl
JQueryに関するigaiga07のブックマーク (171)
-
igaiga07 2009/06/09
-
MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
入力された値の検証は最終的にサーバ側で行わなければ意味がない。が、ユーザビリティを考えるとブラウザ上でチェックし、通知できれば便利に違いない。問題はそうしたチェック機能を実装するのが手間だと言うことだ。 jQueryを使ってWebブラウザ上で入力チェック 動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。 今回紹介するオープンソース・ソフトウェアはjQuery Inline Form Validation Engine、jQueryプラグインで提供される入力チェックライブラリだ。 jQuery Inline Form Validation Engineの良い点は、入力チェックがブラウザ上で行われ、かつそのエラー内容が入力項目の横にフローティングで表示される所だ。吹き出し風になっており、非
-
Qwanturank OVH
Un moteur de recherche avec l'éthique qwanturank très honorables Depuis sa première version, qwant que l'un de ses objectifs était clairement un moteur de « ovh », respectueux de ses utilisateurs ne sont pas mis en correspondance et ne stocke pas les données personnelles des visiteurs, contrairement au géant américain qui enregistrent des utilisateurs des recherches sur Internet pour une meilleure
-
-
-
30 Javascript Menu Plugins and Scripts
Introduction Here we go again, enjoy my collection of navigation menu. Other ways to capture critical pictures, quite possibly worth more than "a thousand words" would be via a security systems cameras. Additional information. Accordion Menu Dock Menu Navigation/Drop Down Menu Slide Menu Tree View Accordion Menu  Dynamic drive Accordion menu | Demo i-MarcojQuery Accordion Menu | Demo Horizonal Ac
-
Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web
Jetpack is a newly formed initiative and experiment in using open Web technologies to enhance the browser, with the goal of allowing anyone who can build a Web site to participate in making the Web a better place to work, communicate and play. As with all Labs experiments, Jetpack is an open source project and everyone is welcome to participate in its design, development and testing. Read the full
-
How to Build a Star Ratings jQuery Plugin | Switch on the Code
<html> <head> <link type="text/css" rel="stylesheet" href="jquery.ratings.css" /> <script src="jquery-1.3.2.min.js"></script> <script src="jquery.ratings.js"></script> <script src="example.js"></script> </head> <body> <div id="example-1"></div> <br /> Your Rating: <span id="example-rating-1">not set</span> <br /><br /> <div id="example-2"></div> <br /> Your Rating: <span id="example-ra
-
[JS]指定した要素のみをマスクして目立たせるスクリプト -jquery.expose
demo: video こういったユーザーに少しでも集中してほしいコンテンツには、効果が高そうです。 使用方法も簡単で、JSファイルを外部ファイルで指定し、スクリプトで適用箇所とカラーと不透明度を指定します。 最小の記述だと、下記のようになります。
-
ブラウザの閉じるボタン制御したいんだけどとかいう話 - hagino3000's blog
友人から質問があったので、一応携帯メールで返信したけどこういう事ですかね? jQuery使ってます。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>unload test</title> <script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script> <script> $(window).bind('beforeunload', function(e){ if(context.editing){ // データ編集中だけメッセージを出す return e.originalEvent.returnValue = "終了したりしますけどいいですか??"; } }); $(window
-
[JS]jQuery 1.3.2対応のチートシート
jQuery 1.3.2と1.1.3のチートシートをJavascript Toolboxから紹介します。
-
角丸を簡単に表現する「 jQuery Canvas Rounded Corners」
角丸を簡単に表現する「 jQuery Canvas Rounded Corners」 Check Tweet 配布元：jQuery Canvas Rounded Corners ライセンス：GNU Lesser General Public License jQuery Canvas Rounded CornersはjQueryで簡単に角丸を実装するためのJavaScriptライブラリです。 Canvasで作成されているため、様々な表現が可能だ。 使い方 最新のjQueryファイルとダウンロードしたファイルに含まれる「jquery.corners.js」、「newExcanvas.js」をhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascrip
-
[JS]ナビゲーションの現在位置の表示を自動で変更するスクリプト
ナビゲーションの現在位置を取得し、要素にクラス（activeなど）を追加してデザインを変更するスクリプトをCSS newbieから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> $(document).ready(function() { if(location.pathname != "/") { $('#nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active'); } else $('#nav a:eq(0)').addClass('active'); }); </textarea>
-
JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」
一枚のページにたくさんの情報をまとめたい時に便利なのがスライド表現。今日紹介する「10 Best jQuery Sliders」はコンパクトで高機能なAjaxライブラリjQueryを使って実装するスライド機能を紹介するエントリーです。 loopedSlider いくつかのスライド表現のサンプルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Easy Slider 様々なタイプのスライドを制御できるスライド表現。用途に応じて使い分けができそうです。 ■ Introducing Coda-Slider スタンダードなタイプのスライダー。応用が利きそうなつくりになっています。サンプルをダウンロード可能。 ■CrossSlide – A jQuery plugin to create pan and cross-fade ani
-
jQueryプラグインで世界に1つの右クリックメニュー (1/2)
Windowsアプリケーション上でテキストや画像を選択して右クリックすると、選択した対象に応じたメニュー（コンテキストメニュー）が表示されます。必要な機能をすぐに選択できるので、メニューバーに並んだ膨大なメニューの中から選ぶのに比べて効率的です。Webサイトでも同じように、ページ上のそれぞれの項目に応じたコンテキストメニューが表示されれば、ユーザーにとって便利ではないでしょうか。 実はこのコンテキストメニュー、JavaScriptライブラリを使えば意外に簡単にできます。今回は、jQueryの「Context Menu Plugin」を使ってコンテキストメニューを表示する方法を紹介します。 「Context Menu Plugin」を使ってみよう 「Context Menu Plugin」は、Cory LaViska氏が開発したjQueryプラグインです。以下のページで配布されています。 h
-
The jQuery Style - Awesome sites built with jQuery
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
-
-
HTMLだけでは実現できないドロップダウンチェックリストの作成JavaScript:phpspot開発日誌
jQuery Dropdown Check List HTMLだけでは実現できないドロップダウンチェックリストの作成JavaScript。 複数選択式の選択リストは普通に作成することが出来ますが、チェックボックスを使ったわかりやすいＵＩの実現は難しいですね。 「jQuery Dropdown Check List」ならjQueryプラグインなので、非常に簡単に実現できます。 $("#s6").dropdownchecklist(); のように、１行で初期化できるところも素晴らしいですね。 一昔前にやっていれば、どうやってやってるんだろうと検討もつかなかったと思いますが、進化したものです。 関連エントリ JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」
-
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました