URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」
URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」 「jQuery-URL-Parser」は現在のURLや指定したURLをパースして簡単にパラメータやディレクトリ名などを取り出せるjQueryプラグインです。 投稿日2011年07月05日 更新日2011年07月05日 プラグインのダウンロードとインクルード 「jQuery-URL-Parser」は下記URLからダウンロードできます。 jQuery-URL-Parser – GitHub jQueryプラグインですのでjQueryも忘れず読み込みます。 html <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type
jQueryでシンプルなスライダーのプラグインをつくってみた | soplog(そぷログ)
私自身はあまり馴染みはなかったのですが、最近はどこのサイトも当たり前のようにjQueryが導入されており、使用する機会が増えてきました。 これを機に色々試しつつ勉強せねば、ということで、シンプルなスライダーのプラグインを作成してみました。 サンプル サンプル－ダウンロード 使い方 HTML＋JavaScript <div id="slider00"> <ul> <li style="background-color:#FFF;">ああああああ</li> <li style="background-color:#EEE;">いいいいいい</li> <li style="background-color:#DDD;">うううううう</li> <li style="background-color:#CCC;">ええええええ</li> <li style="background-color:#B
UseJquery - Web Design Development Hosting
Thinking to create a website? Of course, to sustain in this fast moving culture, you should have a website on your own.Now having an appealing and informative quality web site becomes a compulsion. Because through the websites, you can broaden your business and your thoughts by interacting with more people. While beginning, you may land … Read more How do you feel if there is an interface for crea
[JS]雑誌をめくるようにぺらっと画像を表示するスクリプト -mLivre
雑誌をめくる「Pege Flip」のエフェクトで画像を次々に表示するjQueryのプラグインを紹介します。 mLivre デモ [ad#ad-2] mLivreの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.mLivre.min.js"></script> HTML img要素をdiv要素で内包します。 <div id="demo1"> <img src="celestin/couverture.jpg" width="650" height="325" /> <img src="celestin/illustration2.jp
【作ってみた】スクロールで要素が登場するとハイライトしてくれるjQueryプラグイン「scrollHighLighter」
HOMEHTML/CSS【作ってみた】スクロールで要素が登場するとハイライトしてくれるjQueryプラグイン「scrollHighLighter」 この記事は10年以上前の記事です。情報が古い場合がありますのでお気を付け下さい。Webサイトを閲覧していると、一体どこがクリック出来るエリアなのか分からないことがあります。 このプラグインは、画面をスクロールしていって、該当の要素が画面内に登場するとハイライトしてくれるというプラグインです。 デモ ダウンロード 仕組みとしては、指定した要素の上にdivの透明レイヤーを配置して、ハイライト時に一瞬だけ表示という方法で実現しています。 もともとはaタグにバインドして利用することを想定していましたが、他の任意の要素にもバインドできます。 基本的な使い方 html <script src="js/jquery-1.4.4.min.js" languag
jQuery Clip - jQueryのプラグインをまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
jQuery slider tools, 200 best !
This is a selection with 200 of the best jQuery sliders plugins and tutorials with a lot of differents features, we’re pretty sure you’ll find exactly what you need or been looking for a while now, so please, go ahead and enjoy. jQuery is such an amazing tool that delivers what offers: writing less and doing more, that’s why now we’d like to share with all of you this huge list where you can find
100 best jQuery image gallery plugins « Web Design Shock
Latest posts 100 best jQuery image gallery plugins July 30th, 2010 Tron Legacy Social Icons July 22nd, 2010 A complete jQuery list, including tutorials, resources and more July 21st, 2010 Freebie: More than 25 stickers to customize your iPad July 15th, 2010 The top 200 greatest design blogs July 7th, 2010 Recently, I had a client that needed to create a one page portfolio in a tight deadline.
リストをシンプルにスライドさせるjQueryプラグイン「jQuery News Slider – gleenk spotSlider」｜BLACKFLAG
Webサイト上の簡単なお知らせ情報など、 ＜li＞リストを使ってシンプルにスライド機能を実装させることが出来るjQueryプラグイン 「jQuery News Slider – gleenk spotSlider」のスクリプトが参考になりそうだったのでメモ書き程度に紹介。 ≫jQuery News Slider – spotSlider | Gleenk ≫デモはこちら：gleenk spotSlider | News Slider for jQuery デモ画面では4つのコンテンツごとにスライドさせていますが、 中を見ると、一つの＜li＞リストの中に＜div＞で4つのコンテンツを入れ込んであり、 基本的な構造としては＜li＞リストを一つずつスライドさせているものになっています。 実装の際のHTML構成は以下の様な形がベースになっているもよう。 ◆HTML <div id="news_bl
Codrops | Useful resources and inspiration for creative minds
Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y
IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ
cssやプログラミングIE6でも動くjQuery 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能（DD_belatedPNG.jsとか）なのでそこは抜きにして動作する事を条件に挙げています。主観入
『jQueryでサクッとXMLを解析して表示させる簡単な方法』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ jQueryでXMLを解析して表示させるサンプルコードが紹介されていたのでメモ 簡単にXMLを扱えるんですね。 jQueryでXMLをパースして表示するコードサンプル例 Parse XML with jQuery jQueryでXMLをパースして表示する方法 $(document).ready(function () { $.ajax({ type: "GET", url: "books.xml", dataType: "xml", success: xmlParser }); }); function xmlParser(xml) { $('#loa
jRumble | A jQuery Plugin That Rumbles Elements
Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being
jQuery の hover() について調べたことのまとめ - tilfin's note 跡地
hover() は mouseenter と mouseleave を同時にセットする http://docs.jquery.com/Events/hover の引数の名前付けを見て、hover は mouseover と mouseout を同時に指定するものだと思っていたが違うらしい。 jquery-1.2.6.js の 2278 行付近 hover: function(fnOver, fnOut) { return this.bind('mouseenter', fnOver).bind('mouseleave', fnOut); }, とあるように mouseenter と mouseleave に対して指定するものである。 over/outと enter/leave の違いは、http://docs.jquery.com/Events/mouseover の Demo みるとよく
Tumblrみたいに、「j」「k」で移動できる「jQuery.keyMove.js」
この記事は11年以上前の記事です。情報が古い場合がありますのでお気を付け下さい。TumblrやGmail、Googleリーダーなどで実装されている、「j」や「k」で次の記事／前の記事に移動できるインターフェースが便利だなーと思って、作ってみました。 デモはこちらから。 ダウンロードはこちらから。 MITライセンスですので、どうぞご自由にいじってください。商用も可です。 ※全角モードになっていると動きません。 使い方は簡単なので、デモのソースを見れば分かるとは思います。 移動したい要素に同じクラス名をつけておいて、そのクラスにkeyMoveファンクションを実行するだけ。 <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="js/jqu
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」:phpspot開発日誌
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 2011年03月22日- jQuery File Upload Demo デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。 ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。 尚、Firefox、Chromeで動作。IEでは動きませんでした。 デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロッ
selectボックスをシンプルなプルダウンに拡張するjQselectable(jQuery.selectable.js) :: 5509
セレクトボックスのユーザビリティを劇的に向上できるかもしれないjQueryプラグインです。バージョンアップでjQuery.selectable.jsからjQselectableに名前が変わりました。 サンプルを見てみる トピックス 特徴 ダウンロード 導入方法 スタイル 拡張 表示形式 selectable simpleBox エフェクト 透明度 プルダウン位置の調整(少し高度な設定) プルダウンの高さ カスタマイズ 独自のselectボックスに適用させる id、classの引継ぎ 日付で使う Callback関数を使う 動的にselect要素のDOMを書き換える場合（rebuildメソッド） サンプル 更新履歴・追記 動作環境 特徴 selectボックスの選択ってイライラしないですか？jQselectabeを使えば解決できるかもしれません。以下が主な特徴になります。 セレクトボックスの鬱
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Content Navigator with CSS3
simplelib with jQuery
jQuery: jQuery プラグイン 実践サンプル