java學習

          java學習

           

          jquery點擊,鼠標模塊的隱藏和顯示

          <head>

          <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>

          <script type="text/javascript">
          $(function(){
              $("#panel h5.head").bind("click",function(){
                  var $content = $(this).next();
                  if($content.is(":visible")){
                      $content.hide();
                  }else{
                      $content.show();
                  }
              })
          })
          </script>
          </head>
          <body>
          <div id="panel">
              <h5 class="head">什么是jQuery?</h5>
              <div class="content">
                  jQuery是繼Prototype之后又一個優秀的JavaScript庫,它是一個由 John Resig 創建于2006年1月的開源項目。jQuery憑借簡潔的語法和

          跨平臺的兼容性,極大地簡化了JavaScript開發人員遍歷HTML文檔、操作DOM、處理事件、執行動畫和開發Ajax。它獨特而又優雅的代碼風格改變了

          JavaScript程序員的設計思路和編寫程序的方式。
              </div>
          </div>
          </body>
          </html>

          <html >
          <head>
          <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
          <script type="text/javascript">
          $(function(){
              $("#panel h5.head").bind("mouseover",function(){
                  $(this).next().show();
              });
                $("#panel h5.head").bind("mouseout",function(){
                   $(this).next().hide();
              })
          })
          </script>
          </head>
          <body>
          <div id="panel">
              <h5 class="head">什么是jQuery?</h5>
              <div class="content">
                  jQuery是繼Prototype之后又一個優秀的JavaScript庫,它是一個由 John Resig 創建于2006年1月的開源項目。jQuery憑借簡潔的語法和

          跨平臺的兼容性,極大地簡化了JavaScript開發人員遍歷HTML文檔、操作DOM、處理事件、執行動畫和開發Ajax。它獨特而又優雅的代碼風格改變了

          JavaScript程序員的設計思路和編寫程序的方式。
              </div>
          </div>
          </body>
          </html>

          <html>
          <head>
          <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
          <script type="text/javascript">
          $(function(){
              $("#panel h5.head").mouseover(function(){
                  $(this).next().show();
              });
              $("#panel h5.head").mouseout(function(){
                   $(this).next().hide();
              })
          })
          </script>
          </head>
          <body>
          <div id="panel">
              <h5 class="head">什么是jQuery?</h5>
              <div class="content">
                  jQuery是繼Prototype之后又一個優秀的JavaScript庫,它是一個由 John Resig 創建于2006年1月的開源項目。jQuery憑借簡潔的語法和

          跨平臺的兼容性,極大地簡化了JavaScript開發人員遍歷HTML文檔、操作DOM、處理事件、執行動畫和開發Ajax。它獨特而又優雅的代碼風格改變了

          JavaScript程序員的設計思路和編寫程序的方式。
              </div>
          </div>
          </body>
          </html>

          posted on 2013-03-18 17:27 楊軍威 閱讀(731) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           

          導航

          統計

          常用鏈接

          留言簿

          隨筆檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 乌恰县| 墨脱县| 潢川县| 乐安县| 麻江县| 修武县| 旅游| 福清市| 江安县| 凌海市| 宝兴县| 平山县| 土默特右旗| 永济市| 涪陵区| 揭东县| 乌苏市| 承德县| 二连浩特市| 明水县| 分宜县| 唐河县| 连云港市| 突泉县| 通化县| 通州市| 基隆市| 屯留县| 安西县| 新邵县| 宣化县| 九寨沟县| 乌审旗| 新平| 蕲春县| 和政县| 云和县| 富宁县| 多伦县| 济南市| 黄梅县|