ddSlick - a jQuery plugin for custom drop down with images
Design with PC Subscribe to this blogStarter. Entrepreneur. Web Developer. Co founded Mr Right and Kaaryaa Labs. BlogHovercardddSlick Ever wanted a drop down with images? Well, You now have a plugin for that! A free light weight jQuery plugin that allows you to create a custom drop down with images and description. What is so cool about this plugin! Adds images and description to otherwise boring
iPhone/iPadでダブルタップをJavaScriptで実装する
iPhone/iPadでダブルタップをJavaScriptで実装する iPhone/iPadのJavaScriptでは「onclick≒タップ」なのに「ondblclick≠ダブルタップ」となるのでダブルタップを利用したい場合は独自に実装しなくてはいけない。 次のように記述するとjQueryで擬似的にダブルタップを実装することが出来ます。 $("p").data("dblTap",false).click(function(){ if($(this).data("dblTap")){ //ダブルタップ時の命令 console.log("ダブルタップ"); $(this).data("dblTap",false); }else{ $(this).data("dblTap",true); } setTimeout(function(){ $("p").data("dblTap",false);
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WordPressでjQueryの最新版や任意のバージョンを使うには。 | Ginpen.com
wp_enqueue_script() の第二引数にURLを指定できるってんでやってみたんですが、駄目でした。 @ginpei_jp jqueryはすでに予約されているので、いったん wp_deregister_script で解除しないといけないです — Takuro Hishikawaさん (@HissyNC) 8月 12, 2012 なるほどなるほど。 一度deregisterしてから という事で、これなら使えました。 <?php wp_deregister_script('jquery'); ?> <?php wp_enqueue_script('jquery', 'http://code.jquery.com/jquery-1.8.0.min.js'); ?> 良かった。ありがとうございます。 registerしてないけど？ deregisterと対になるのはもちろんregist
jQuery 1.8の更新内容をまとめたよ。 | Ginpen.com
個人的に油断してたんですが、jQuery 1.8がリリースされましたね。 CSSのベンダープレフィックスを自動でほぼ補完してくれるようになったのが目玉機能でしょうか。作業量としては、セレクターエンジンSizzleとアニメーション関係を全面的に書き換えた事が大きそうです。なお諸々強化されているにも関わらず、ファイルサイズは減っています。（ちょっとだけどね。） えらい！ jQuery Blog » jQuery 1.8 Released jQuery Blog » jQuery 1.8 Beta 1: See What’s Coming (and Going!) jQuery Blog » The New Sizzle jQuery Blog » jQuery Core: Version 1.9 and Beyond jQuery Blog » jQuery 1.9 and 2.0 — TL;
jQueryの.bind(), .live(), .delegate()の違い
The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ jQueryの.bind(), .live(), .delegate()違いや仕組みの理解、また.delegate()の方が.live()より優れている理由について書かれています。 内容を簡単に書き出すと以下のようなことについて書かれています。 $('a').bind('click', function() { alert("That tickles!") }); .bind()は$(‘a’)に対してイベントを設定してる。 $('a').live('clic
Simple jQuery Dropdowns
There are lots of dropdown menus already out there. I’m not really trying to reinvent the wheel here, but I wanted to try to do something slightly different by making them as dead simple as possible. Very stripped down code and minimal styling, yet still have all the functionality typically needed. Here are the features: Cross-browser compatible (even IE 6) Multi-level and retains “trail” Very min
creatorish.com
Buy this domain. creatorish.com 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
CSS3のFilter Effectsを使って画像にチルトシフト効果を与えるjQueryプラグイン・tiltShift.js
Webkit系で使えるFilter Effectsを 利用して、画像にチルトシフトっぽい エフェクトを与えられる、という jQueryのプラグインです。非常に 限られたシーンでしか利用できませ んがこういう加工がPs不要で出来る のは素敵ですね。 CSS3+jQueryで実装するチルトシフトエフェクトです。利用シーンは限られものの、ちょっと面白いです。 こんな感じのチルトシフト効果をJSとCSSで与える、というもの。デモではマウスを乗せると元画像を確認出来ます。 Sample サンプルです。ChromeかSafariでご確認下さい。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type='te
prototype.jsと同時に使うには - jQuery 日本語リファレンス
日本でも人気の高いprototype.jsのようなライブラリを、既に用いてサイト構築をしている人も多いかと思います。 しかし、新たにjQueryも試してみたい。あるいはjQueryで作られたライブラリを導入してみたい...というような場合、最も問題になるのは「$」関数の扱いです。 prototype.jsにおいて、$は"document.getElementById"に代わるもので、非常によく使われます。 一方でjQueryでは核であるjQueryオブジェクトのことで、これを使わずにjQueryのコードを書くことは、ほぼ無いでしょう。 これらを共存させるには、jQueryの"noConflict"を使います。 全ての箇所で$をprototype.jsの動作をさせる場合 次のように記述します。 <script src="prototype.js"></script> <script src
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
DOM要素に紙を折ったように見せるエフェクトを実装するスクリプト・oriDomi
DOM要素に折り目のエフェクト を加えるjQueryのプラグイン です。折り紙とDOMをかけてこ のネーミングになったみたい です。使うかどうかは別にして ちょっと面白かった。 紙を折るようなエフェクトをDOM要素に加える、というスクリプト。デモにGifアニメーションがあったのですが、これがなかなか面白かったです。
jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記
jQueryのイベント記述方法はいくつかあり、大雑把におさらいしたのが以下の3パターンです。 まず一番基本的なのが $("a").click(fn) や $("a").bind('click', fn) です。click(fn)はbind('click', fn)の省略形です。 次にjQuery1.3で $("a").live("click", fn) という機能が出来ました。liveの良いところはDOM操作で出たり消えたりするエレメントに対して再バインド無しでイベント定義ができる利便性と、内部的にはbind個所がdocumentの1か所になり複数個所へのbindが無くなることによるメモリ効率と実効速度の向上です。 更にjQuery1.4.2で $("#foo").delegate("a", "click", fn) という書き方が出来るようになりました。これは特定要素以下に限定するliv
マウスオーバーで画像にキャプションを追加するjQueryプラグイン「Mosaic」を使ってみた
画像の情報なんかをスライドやフェードでかっこ良く表示させたい時に最適なjQueryプラグインです。 いつものようにデモページを拵えたので見てください。公式のデモとたいして違いはないんですけど。 Demo Mosaicの実装例 デモページの5番目（上からスルッと出てくるヤツ）について解説します。 スクリプトを読み込む <script src="js/jquery.js"></script> <script src="js/mosaic.1.0.1.min.js"></script> jQuery(function($){ $('.bar3').mosaic({ animation : 'slide', //slideかfadeが選べる anchor_y : 'top' //キャプションを表示させる位置 }); }); 上記以外にも色々なアニメーションを指定できます。 animation :
今こそ知っておくLightbox風プラグイン20+:phpspot開発日誌
20 Useful jQuery Lightbox Plugins 今こそ知っておくLightbox風プラグイン20+。 LightBoxが登場して7年ぐらい経つんでしょうかね。色々なところで見るようになったLightBoxのインタフェース。 新しいウィンドウを開く部分の軽量化、ポップアップブロック対策などとして広く使われるようになりました。 派生スクリプトも多数出てきていますので、定番からマイナーなものまで、まとまっていて選択の際に便利かも。 そんなこんなで、このブログも7年ぐらいほぼ毎日更新を続けていますが、LightBox登場あたりから7年も経つのかと時の流れの速さを感じています。 関連エントリ CSS3で出来たクールなLightBox実装チュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
finefinefine.jp
jQueryとprototype.jsを共存させる方法 | CSS Lecture
フィルタリング可能なGoogleMapを実装するjQueryプラグイン・Searchable Map
creatorish.com