This article is mainly on the jquery fade effect of a simple example of the introduction, the need for friends can come to the reference, I hope to help you.
Style: Code as follows: <style type= "Text/css" > #win { width:98%; Position:absolute; Display:none; Float:left; & nbsp /* Control the position of the close button * * #close { margin-left:155px; &NB Sp cursor:pointer; } </style> JS code: Code as follows: <script type= "t Ext/javascript "> function Showwin () { $ (" #win "). FadeIn (" slow "); &NBSP} function hide () { $ ("#win"). Fadeout ("slow"); } </script> HTML code: Code as follows: <div id= "Win" > &N Bsp <div id= "title" > <table style= "width:100%; Background: #78b3ef " cellpadding=" 4 "cellspacing=" 1 "> &NB Sp <tr> <td>ID</td> &NBS P <td> site name </td> <td> domain name </td> & nbsp <td> Baidu Collection </td> <td& gt; Is there a link </td> &NBSP;<Td> Operation <span id= "Close" onclick= "Hide ()" > off </span> </td> &NB Sp </tr> <TR style= "Background: #FFFFFF;" > <td><span id= "w_id" ></span ></td> <td><input id= "Txt_ti Tle "type=" text "style=" width:237px "/></td> &NBS P <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= "Modify" onclick= "W_modify ()"/></td> &N Bsp </tr> <TR style= "background: #FFFFFF; "><td colspan=" 6 "><a href=" default.aspx "> Back home </a></td></tr> </table> </div>   ; </div>