萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery淡入淡出效果介紹

jquery淡入淡出效果介紹

 本篇文章主要是對jquery淡入淡出效果的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

樣式:      代碼如下:  <style type="text/css">       #win {               width: 98%;              position: absolute;                   display: none;           float:left;           }                             /*控制關閉按鈕的位置*/         #close {          margin-left: 155px;          cursor: pointer;         }       </style>     JS代碼: 代碼如下:  <script  type="text/javascript">     function showwin() {         $("#win").fadeIn("slow");        }     function hide() {        $("#win").fadeOut("slow");       }   </script>     html代碼:  代碼如下:  <div id="win">                <div id="title">                    <table  style="width:100%; background:#78b3ef"  cellpadding="4" cellspacing="1" >                   <tr>                      <td>ID</td>                      <td>網站名</td>                      <td>域名</td>                      <td>百度收錄</td>                      <td>是否存在鏈接</td>                      <td>操 作  <span id="close" onclick="hide()">關閉</span>   </td>                   </tr>                   <tr  style="background:#FFFFFF;">                      <td><span id="w_id"></span></td>                      <td><input id="txt_title" type="text" style="width: 237px" /></td>                      <td><input id="txt_classurl" type="text" style="width: 259px" /></td>                      <td><span id="w_baidu"></span></td>                      <td><input id="txt_exist" type="text" style="width: 83px" /></td>                      <td><input id="Button1" type="button" value="修 改" onclick="w_modify()" /></td>                   </tr>                   <tr style="background:#FFFFFF;"><td colspan="6"><a href="Default.aspx">返回首頁</a></td></tr>                </table>             </div>            </div>   
copyright © 萬盛學電腦網 all rights reserved