<divのclass="block">
 <divのclass="done">
 <b>ダウンロードいただきありがとうございます。  / b>私たちはあなたの要求<を受けている
 </ Divは>
	 <divのclass="myForm">
	 method="post" action="saveData.php">を<form
	 <divのclass="input">
		 <label>は名</ラベル>
		 <inputのname="name" class="text" />
	 </ Divは>
	 <divのclass="input">
		 <label>は電子メール</ラベル>
		 <inputのname="email" class="text" />
	 </ Divは>
	 <divのclass="input">
		 <label>はコメントの</ラベル>
		 <textarea name="kommentar" class="text textarea" /> </ textareaの>
	 </ Divは>
	 <divのclass="input">

		 <input type="submit" id="submit"/>
		 <div class="loading_icon"> </ divの>
	 </ Divは>
	 </フォーム>
	 </ Divは>
 </ Divは>
 <div class="clear"> </ divの> 

 : center ; } .loading_icon { float : right ; background : url ( ajax-loader.gif ) no-repeat 1px ; height : 30px ; width : 30px ; display : none ; } .done { background : url ( iconIdea.gif ) no-repeat 2px ; padding-left : 20px ; font-size : 12px ; width : 70% ; margin : 20px auto ; display : none } . clear { clear : both } . block { width : 400px ; margin : 0 auto ; text-align : left ; } .input * { padding : 5px ; margin : 2px ; font-size : 12px ; } .input label { float : left ; width : 75px ; font-weight : 700 } .input input. text { float : left ; width : 270px ; padding-left : 20px ; } .input .textarea { height : 120px ; width : 270px ; padding-left : 20px ; } .input #submit { float : right ; margin-right : 10px ; } 本体（テキストが整列： センター;）（loading_icon フロート。：右、背景： の URL（アヤックス- loader.gif） はリピート幅1px、 高さヒ：30px;幅ヒ：30px;表示： なし;）。 行う （背景： のURL （iconIdea.gif） は、繰り返し 2px; パディング左：UL は フォントサイズ：12px;幅：70;％ の マージン：20px 自動; 表示： なし）。 明確な（： 両方）。ブロック （幅：400px;マージンは：0 自動; テキストが整列： 左;） 入力 *（パディング：5px;マージン：2px;フォントサイズ：12px;）。ラベル入力 （フロート：左;幅：75px;フォント重量：700）。 入力は テキスト入力（フロート：左;幅：270px;パディング左：UL は） 入力は..テキストエリア （高さ：120px;幅：270px;パディング左 ：ULは） 入力が （ 提出＃ フロート：右;マージンを右：10px;） 

 . ready ( function ( ) { //click event für submit button ( '#submit' ) . click ( function ( ) { //Daten von den HTML Feldern in JS-Vars übersetzen var name = $ ( 'input[name=name]' ) ; var email = $ ( 'input[name=email]' ) ; var website = $ ( 'input[name=website]' ) ; var comment = $ ( 'textarea[name=comment]' ) ; //die Daten sollen per GET an das PHP Skript weitergeleitet werden. Dafür bauen wir einen //String var data = 'name=' + name . val ( ) + '&email=' + email. val ( ) + '&comment=' + encodeURIComponent ( kommentar. val ( ) ) ; //alle Textfelder deaktivieren $ ( '.text' ) . attr ( 'disabled' , 'true' ) ; //Icon während des Requests einblenden $ ( '.loading_icon' ) . show ( ) ; //Request abschicken $. ajax ( { //Ort des Skriptes in dem die per GET übertragenen Daten verarbeitet werden sollen url : "saveData.php" , //Angabe der GET Methode, auch POST wäre möglich. Allerdings nur sinnvoll //bei größeren Datenmengen type : "GET" , //Daten die gesendet werden sollen data : data , //bei Antwort des Requests (Response) success : function ( reqCode ) { //wenn saveData.php true bzw. den Status 1 zurückliefert if ( reqCode == 1 ) { //verstecken des Formulars $ ( '.form' ) . fadeOut ( 'slow' ) ; //anzeigen der Erfolgsmeldung $ ( '.done' ) . fadeIn ( 'slow' ) ; //wenn der Request eine Form von false zurückschickt, Fehler ausgeben. } else { alert ( 'Fehler beim Abschicken des Formulares.' ) ; } } } ) ; return false ; //der return wird benötigt, damit das Formular nicht tatsächlich abgeschickt wird und //sich nicht wie ein normales Form mit Seiten Refresh verhält. } ) ; } ) ; $（ドキュメント）。 レディ （関数 （）（$（'入力 = / 名前 /クリックイベントの送信ボタン （'＃送信'）。変換 バーズでvar - in フィールドのJSは、HTMLをクリックして から （ 関数（）（/ / データ [名前=名前]'）;メール= $（'入力[名前= Eメール] varを '） ヴァールウェブサイト= $（'入力[名前=ウェブサイト]を'）; ヴァールコメント= $（'textareaの[名前=コメント] '）/ /データは、スクリプトのPHPにはは、GETを転送されます。我々は、名前を =' 名前 ='+ 文字列var の データを構築/ / valが （）+'＆Eメール='+メールください。val（）+' ＆コメント='+われ（kommentar. ヴァル /すべてのテキストフィールドをオフ$（'/（））。 テキスト'）。attr は （'無効になって、'真'）; / /アイコン ' で（ 要求 を示す$。loading_icon を' ショーは （）; / $を送信します。 委任 コミュニティソーシャルディレクトリ 要求/（（/される処理をすべきデータスクリプトのGETでイス/）URLを ："saveData.php"、/ / 可能性を指定すると、POSTをするメソッドはGET。ただし、のみ有効/ /時のデータ量が大きい のタイプ："データのGET"、/ /送信されるデータは：/ trueの場合、またはsaveData.php / データ / /応答要求（応答）は成功 ：関数 （reqCode）（ ）（1ステータスの返り（reqCode == / /'非表示の フォーム を$（。フォームを'）。フェードアウトを（'遅い'）/ /表示 の成功メッセージを$（） 実行'。fadeIn（' 遅い ' ）/ /は、場合、要求は、出力エラー 、虚偽の形式です返される。） 他（ アラート （' エラーfalseが返さ を しながら送信 フォーム.');)))) の/ / 戻り値 がされていませんフォームが必要なので、実際に送信される、/ /は.));));を持って行動して、フォーム、通常のページとして更新しない 

  . ready ( function ( ) { jQueryの（ドキュメント）（ 準備する （関数 （）
	 ) . jBreadCrumb ( { easing : 'swing' } ) ; jQueryの（"＃パンくず"）。jBreadCrumb は （（緩和：'スイング'））;
 ）） 

  <divのid="picGallery">
     <h2> CSSコード</ H2の>
     <aのhref="someBigPic.jpg">
         <span>の</スパン>
         src="someSmallerPic.jpg" alt="" />を<img
     </>
     <aのhref="anotherBigPic.jpg">
         <span>の</スパン>
         src="AnotherSmallPic.jpg" alt="" />を<img
     </>
 </ Divは> 

 width : 100% ; overflow : hidden ; } #picGallery a { position : relative ; float : left ; margin : 5px ; } #picGallery a span { display : none ; background-image : url ( zoom.png ) ; background-repeat : no-repeat ; width : 48px ; height : 48px ; position : absolute ; left : 15px ; top : 15px ; } #picGallery img { border : solid 1px #999 ; padding : 5px ; } #picGallery a :hover span { display : block ; } ＃PicGalleryは （幅：100％;： 隠された オーバー;）＃ はpicGallery（ 位置：相対 ;フロート ：; margin - leftや：5px;＃ はpicGalleryをスパン （ 表示：なし）; 背景 イメージを ：のURL（zoom.png を）; 背景リピート： なし繰り返し、 幅：48px;高さ：48px;位置： 絶対; 左：15 pxの; トップ：15 pxの ;）＃picGalleryの img（国境： 固体 1px＃999; パディング：5px;）＃ はpicGallery： ホバースパンは（表示： ブロック;） 

  <divのid="picGallery">
     <h1> jQueryのコードは</ h1という>
     <aのhref="someBigPic.jpg">
         src="someSmallerPic.jpg" alt="" />を<img
     </>
     <aのhref="anotherBigPic.jpg">
         src="AnotherSmallPic.jpg" alt="" />を<img
     </>
 </ Divは> 

  . ready ( function ( ) { $（ドキュメント）。 レディ （関数 （）（ 
       / /"の"picGallery追加ごとにIDタグのdivとspanタグを追加
       ) . append ( "<span></span>" ) ; $（"＃PicGallery"）。追加（"<span>の</ スパン>"）;
       標準フェージング機能のjQueryの/ /
       ) . hover ( function ( ) { $（'＃Gallery2の"）。ホバー （ 関数（）（
       ) . children ( "span" ) . fadeIn ( 600 ) ; $（この）の お子様 （"スパン"）。FadeIn（600）;
       ）、
       関数 （）（
       ) . children ( "span" ) . fadeOut ( 200 ) ; $（この）の お子様 （"スパン"）。 フェードアウト （200）;
       ））; 
 ））; 

  表示通知から隅左下が/それはとてもマネージャ/今を作成
 new Notimoo ( { （変数名 notimooManager Notimoo = 新しい （
    , locationVType：'下'、
    locationHType：'左'
 ））;

 / /消えていない中に通知します。
 notimooManager。 ショー （（
     , タイトル：' テスト通知'、
     メッセージ：' この通知されます自分disapperはその。  クリックして、それがありますあなたが閉じます。'、
     粘着： 真
 ））; 

  /）はイベントのDOM - Readyの内のオプション（通常は2 /電話メディアプラグインを
 ) . media ( { width : 500 , height : 400 } ) ; $（'A.media'）。 メディア （（幅：500高さ：400））; 

 <scriptのtype="text/javascript" src="jquery.media.js"> </スクリプト> <！ -メタデータのサイズがですが、サンプルのプラグインに表示されますこれで必要です- > <スクリプトの種類を="テキスト/ javascriptのは"src ="jquery.metadata.js"> </スクリプト> <a class="media" href="guice.pdf"> PDFファイル</> 

  ) . ellipsis ( true ) ; $（"＃id"）が。 省略 （真の）;