頁面加載在HTML中使用Java腳本打開面板

我正在使用HTML代碼與Java腳本和CSS。我正在按鈕click.panel打開面板打開，但我想在頁面加載時打開面板。如何在html.becouse功能頁面加載使用電話的是在頁面加載，但呼叫呼叫未在頁面加載調用如何在functions.how類的轉換來解決這個問題頁面加載在HTML中使用Java腳本打開面板

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <title>Simple Slide Panel</title> 
     <script type="text/javascript" src="jquery.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $(".btn-slide").click(function() { 
        $("#panel").slideToggle("slow"); 
        $(this).toggleClass("active"); 
        return false; 
       }); 
      }); 
     </script> 
     <style type="text/css"> 
      body { 
       margin: 0 auto; 
       padding: 0; 
       width: 570px; 
       font: 75%/120% Arial, Helvetica, sans-serif; 
      } 
      a:focus { 
       outline: none; 
      } 
      #panel { 
       background: #754c24; 
       height: 200px; 
       display: none; 
      } 
      .slide { 
       margin: 0; 
       padding: 0; 
       border-top: solid 4px #422410; 
       background: url(images/btn-slide.gif) no-repeat center top; 
      } 
      .btn-slide { 
       background: url(images/white-arrow.gif) no-repeat right -50px -50px; 
       text-align: center; 
       width: 144px; 
       height: 31px; 
       padding: 10px 10px 0 0; 
       margin: 0 auto; 
       display: block; 
       font: bold 120%/100% Arial, Helvetica, sans-serif; 
       color: #fff; 
       text-decoration: none; 
      } 
      .active { 
       background-position: right 12px; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="panel"> 
      <!-- you can put content here --> 
     </div> 
     <p class="slide"><a href="#" class="btn-slide">Slide Panel</a> 
     </p> 
    </body> 
</html>

來源

2013-03-23 Vikash Chauhan

$(document).ready(function(){ 
     $(".btn-slide").click(function(){ 
      $("#panel").slideToggle("slow"); 
      $(this).toggleClass("active"); 
      return false; 
     }); 

     $(".btn-slide").trigger('click'); 
    });

的

來源

2013-03-23 10:38:58 DividesByZero

$(document).ready(function(){ 
    $(".btn-slide").click(function(){ 
     $("#panel").slideToggle("slow"); 
     $(this).toggleClass("active"); 
     return false; 
    }); 

    $(".btn-slide").trigger('click'); 
});

來源

2013-03-23 06:04:25 pdoherty926

謝謝哥們！它工作得很好... – 2013-03-23 06:49:42

頁面加載在HTML中使用Java腳本打開面板

回答

相關問題