A JavaScript Compressor. version 3.0 Help Paste: Base62 encode Shrink variables Load Clear Pack Copy: disabled Save Decode Also available as .NET, perl and PHP applications.
はじめに 突然そういう気分になったので、jQueryのコードを読んでいきたいと思います。 本日は「配列に対するeach」をjQueryがどう扱っているかについて調査します。 対象 jQuery 1.5.0 本日の題材:配列に対するeach var array=[1,2,3]; $(array).each(function(){alert(this)}); // 1, 2, 3 よんでみよう まずjQueryの初期化処理から見ていきましょう。 (function( window, undefined ) { // L:16 // Use the correct document accordingly with window argument (sandbox) var document = window.document; var jQuery = (function() { // 内部で
このドキュメントの内容は、以下の通りです。 ajaxの使用例 サンプルプログラム 実行例 JavaScriptライブラリ jQueryでJSONPを扱うには、 $.ajaxを利用します。 ajaxの使用例 callback関数は、jQueryが自動的に生成してくれます。 <script type="text/javascript"> $.ajax({ url: "https://example.com/jsonapi", dataType: "jsonp", data:{ param1: value1, param2: value2 }, success:function(json){ // 正常時にここが実行されます。 }, error:function(){ alert('error'); } }); </script> callback関数を指定するパラメータがcallbackでない
サイト共通で使用するヘッダーやフッター。全ファイルに同じソースを記述してもいいですが、 サイト管理を考えると外部ファイルで一元管理しておきたくなります。 通常はPHPやSSIを使いますが、環境によっては使えない場合があり、JavaScriptを選択する場合もあります。 document.writeで簡単に実装できますが、jQueryで使って外部ファイルを読み込むという方法もあります。 ■headタグでjQueryを読みこんで、loadします。 <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <script type="text/javascript"> <!-- $(function(){ $("#include").load("include.html"); }); // --> </scrip
jQuery の animate の横方向の出現や隠す動作は、width に、show、hide、toggle などを指定することで可能。 指定方法 animate( properties, [duration], [easing], [complete] ) メソッド、もしくは、animate( properties, options ) メソッドの1つ目の引数である properties 内の width: *** に指定する。 toggle toggle を指定。 赤いブロック部分を、クリックすると、グレーのブロック部分が、左方向へ動きながら消える。もう一度、赤いブロック部分を、クリックすると、グレーのブロック部分が、右方向へ動きながら出現。速度( duration )は、slow を指定してある。
属性とはhtmlでいうと要素で設定しているいろいろな値、 例えば:<a href="index.html"></a> 属性:href、属性値:index.html、要素:a 属性を変更できると、画像を入れ替えたり、urlを変更したり、大きさを変えたり、ホームページでの表現の幅が広がります。 attr 属性値を変更する場合 $("セレクタ").attr("変更したい属性の名前","変更後の属性値"); 例えば、 属性srcをa.jpg→b.jpgに変更する場合。 jquery $("img").attr("src","b.jpg"); html 変更前:<img src="a.jpg"> 変更後:<img src="b.jpg"> さらにたくさんの属性を変更したい時 $("セレクタ").attr({"属性名":"変更後の属性値","属性名2":"変更後の属性値"}); が使えます。 例えば、
脚痩せエステに通うか迷っている女性はまずはお得な価格の体験コースを体感する事をおススメします。そこで自分の体や足に合ったエステかをお店・スタッフ含め総合的に判断できるからです。美脚へGO! スタイルがいい雑誌のモデルなどが、着こなす最新のファッションアイテムを自分も身に付けたい、しかしそれには太くなってしまった足を痩せないと話にならない。 そんな風に部分痩せを検討している人達から、熱い注目を集めているのが足痩せエステです。 本格的にプロの技でスリムになりたいけれど、料金面で不安だと感じる人におすすめなのが料金も安く人気がある体験コースです。 ほとんどのエステサロンでは、どのようなサービスを受けられるのかを事前に体験できるコースを設置しています。 こういったサービスを上手に使うことで、安い料金で足痩せエステを体験することが出来ます。
というわけで、ちょっとだけ使いやすくしました。 まだ付けたい機能があるので、おいおい追加していきます。 使い方は以前の記事「jQueryプラグインなスライダー slider.js」を参考ください。 基本的には、以下のような感じで使えるお手軽仕様です。 <div class="slideFrame" id="slide-00"> <ul class="slideGuide"> <li class="slideCell">セル</li> <li class="slideCell">セル</li> </ul> </div> <script> $("#slide-00").slider(); </script> あけましておめでとうございます。 今年もバンバンやっていきまっせ! というわけで、本年一発目はhashchangeイベントについて。 hashchageイベントとは、URLに#~とつく例の
tooltip sample Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed quam ac risus auctor pulvinar. Nullam tellus lorem, volutpat sit amet eleifend quis, semper pellentesque nunc. Aliquam eu tortor nec nisl suscipit vehicula et eu sapien. Maecenas at pretium diam. Proin non luctus diam. Pellentesque risus nisi, scelerisque eu ultricies quis, tooltip sample luctus rhoncus dui. Proi
í\{s 7ÿü ÈxËvEHYv¢¸§8ÉÙ»yÝZ¹\Êår3 9Ö¼àż0¾ Ê f1 j%>í lDå@hà ¦> ö±!** -¡¾\&2 ¨Ç }ÁÖ]sS {ÛsèZiÈ ÁÞ2 N{£õÞ¦«mÝñÙz ' éuqÐÓÖúW&+» ±e½ÇYîÕíÛ¶¯(µªcT0/»ÃÖ zJ ¡amÝR·Ñ Mëu² © /¿ ÏÞPÜ$× (óo ûB¢¢ á ÇÁ1v ]ßéW¯U '7dë¿^'L±ÿ#å ÁàÃdıÊÅ'|üÈêU é¾h¾Ô© 3YA° ¤j KqtP~à!%)NCÎ*ý鼯D s°Öoc 1ÿ«ocÎ, é Ó ç ©7 Ë> Ì8+a« pYÉ2 ¹Më DÙTzÃÞ.Ê&¸P° ¢ Y£§¡ q[ ¼3ëqÏ#ãgð ¡ihE
Posted on 11th April 2008 — A frequent query and request I receive (and have myself) as a developer is: “how can I fade one image in to another?”. Earlier: Coda Popup Bubbles Next: Help make jQuery for Designers better In particular, Nathan Wrigley of pictureandword.com, needed a method one image into another mouse rolls over, and the slowly fade back once the mouse has left. Image rollovers were
Í=isÛFÅ_Ñ ïFÒ,/Év¡%f wrmdOj*r5& 4 Yãò ßwô (ÛU»qL ݯ_¿~w¿n øGÐ = Îþòôç'/ÿõË3±®7Ù |8 ÁÁó¬¸*3y*ñßòR^ÄUZÖCq¥ :ÕP,ªÙhñ xó?ª®ÅˢȴXÀ U â4d« ~©Ô à@_¡k'²J´(.áÑóLêõXü3MT!R-êµ E] õ.Ve ¹8D^\ £Ñ ðC\E&óÕy¤ò( öøgÀÿ à'÷íàà¬NëLÍ \ë´ wÈÿüó bd_h ¹ UºZ×g î@6ª" u =U( F".òZåõyô Ð× ¾&bSèZ¤²¨`ƵxõB\¥ÉJÕcq O3% ¢¬¥Ò È, ³¨ Ì :#ÿC]_ @À`XÛ|(Þ Ý Ïþ¤9îø.ʬY¥y_WÝmËø0} ©u]#õg^GO ¡ÑËëR
[CSS]jquery.cluetip.css [JS]jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js HEAD <!-- JS --> <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions.js" type="text/javascript"></script> <script src="jquery.hoverIntent.js" type="text/javascript"></script> <!-- optional --> <script src="jquery.cluetip.js" type="t
hoverFade Examples The underlying mark-up for the plugin to use can be as follows: <ul class="hover-css" id="nav"> <li class="one"><a title="One" href="#">One</a></li> <li class="two"><a title="Two" href="#">Two</a></li> <li class="three"><a title="Three" href="#">Three</a></li> <li class="four"><a title="Four" href="#">Four</a></li> <li class="five"><a title="Five" href="#">Five</a></li> </ul> Th
I recently updated my hoverFade jQuery plugin after using the plugin in a couple of projects and work and needing extra functionality. I’ve been waiting for the jQuery plugin site to come back up again (which it now has) after being locked down following major spam attacks. I also wanted to wait until I had chance to put some proper examples together following comments in the original plugin relea
Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei
Wir erschaffen digitale Relevanz. Wir sind die Medienfreunde, eine smarte inhabergeführte Design- und Digitalagentur im Süden von Leipzig. Seit 2004 konzipieren, gestalten und entwickeln wir nutzerzentrierte Websites sowie webbasierte Anwendungen für das digitale Heute und Morgen – optimiert für Suchmaschinen, Performance und einen geringen CO₂-Fußabdruck. So entstehen zeitgemäße, bedarfsgerechte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く