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)  編輯  收藏


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


          網站導航:
           

          導航

          統計

          常用鏈接

          留言簿

          隨筆檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 平泉县| 洛南县| 庐江县| 曲沃县| 邳州市| 上饶市| 都江堰市| 邵东县| 马公市| 泉州市| 武宣县| 沧源| 大安市| 休宁县| 南木林县| 奈曼旗| 延吉市| 浠水县| 柘荣县| 舟山市| 克山县| 石柱| 册亨县| 海南省| 漳平市| 盐池县| 长寿区| 双城市| 长宁县| 绍兴市| 玛多县| 齐河县| 清徐县| 高青县| 施甸县| 甘肃省| 宜兰县| 津南区| 彰武县| 上犹县| 樟树市|