Minify JavaScript files online

Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing

ロールオーバーで画像を変更する際に使用するプリロード用のjQueryを使用したスクリプトを紹介します。 Preloading Images with jQuery and JavaScript ロールオーバー時に表示する画像をその都度ダウンロードして表示すると時間のギャップが生じます。その時間の遅れを避けるために、画像を事前にバックグラウンドで読み込みます。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length;

This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. 以前、jQuery1.4で楽しみなメソッドで書いたjQuery 1.4のdelayメソッドを少し触ってみました。 動きをより追求できるdelayメソッド要素のアクションに遅延効果を追加出来るのがdelayメソッドです。animateメソッドとの相性はも

I recently came across a really compact array shuffling function on JSFromHell.com, which I thought would make a nifty jQuery plugin. This jQuery shuffle plugin could be applied to any HTML element or Array object. (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = f

まずは今回つくるものをご覧ください。 ニュースティッカー1（完成） jQueryプラグインでも見たことがあるような よくあるフェードで切り替えるやつです。 これを作ってみましょう。 前編では ニュースティッカーを実装するところまで 後編では 前編で作成したニュースティッカースクリプトをjQueryのプラグインにしていく予定です。 結構長いので数回に分けて投稿していきます。。。 JavaScriptとjQueryがちょっとわかる人なら理解できる…はずです。 用意するもの jQuery – 公式でもいいですし、僕がつくったサンプルに含まれてるやつでも大丈夫です。 FirefoxとFirebug だけです。 FirefoxとFirebugは開発に必須のツールなので 特に説明してません。 とりあえず… jQueryを読み込んで… 要素をマークアップしましょう。 こんな感じでリストなっているニュース

jQueryプラグインにチャレンジしてみました。 よくあるスライダーです。 (10/26 追記) iPhone&iPad対応しました。 細かいことはCSSで調整ください (9/7 追記) ドラッグに対応しました。 slider.js Demo HTML側の記述は下記を参考ください。 <div class="slideFrame"> <ul class="slideGuide" id="slide-00"> <li class="slideCell">セル</li> <li class="slideCell">セル</li> </ul> <div class="slideCtrl left"><</div> <div class="slideCtrl right">></div> </div> リスト要素の部分はdiv要素など他のブロック要素でも構いません。 ガイド用クラス(.slide

一つ一つのパネルを異なるサイズで、最適な位置に表示し、異なる背景やアニメーションを設定できるスライドショーのスクリプトを紹介します。 imgPlayer デモページ [ad#ad-2] デモでは10枚のパネルがセットされており、それぞれ異なるサイズ、最適な位置で表示し、さまざまなアニメーションで切り替わります。 2枚目を表示したキャプチャ 静止画ではその楽しさが分からないので、ぜひデモをどうぞ。 デモページ スライドショーの操作は、画像の左右のアロー、下のナビゲーション、キーボードの矢印キーに対応しています。 実装は少し面倒で、個々のパネルごとに座標とサイズなどを指定します。 キャプションも設定できます。 JavaScript パネル（一枚）の設定例です。 [221,30,386,518,{ onStart: function(){ darkStyle(); $('#text').html

And after a long time, a new version of Skitter, now responsive. Image credits

デモ：カルーセル機能付きのスライダー：垂直方向 jContentの実装 実装は簡単で、パネル内のコンテンツをdiv要素で配置し、数行のスクリプトを記述するだけです。 HTML <div id="demo"> <a title="" href="#" class="prev"></a> <div class="slides"> <div>...</div> <div>...</div> <div>...</div> <div>...</div> </div> <a title="" href="#" class="next"></a> </div> JavaScript <script type="text/javascript" language="javascript" src="js/jquery-1.5.2.min.js"></script> <script type="text/j

is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to do is import it, specify the container to which the group of items resides, and poof, you're off and away. diagonalFade is great for inventory or anything with a large amount of items ordered in a grid. diagonalFade has been tested in all modern bro

Web design is no longer a niche craft. It’s part of everyone’s job. Metafizzy makes delightful plugins so anyone can create compelling, captivating experiences on the web. You don’t have to know the nitty-gritty. That’s our job. You make the stuff that matters. We make the widgets.

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MobilySlider 軽量ながらも高性能なコンテンツスライダー。 jShowOff さまざまなオプションを備えたコンテンツスライ

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Apple Effect サイトをApple風に打ち出しコンテンツからフェードインで表示。 ModalPop ValidなHTML5