Tad 教材網 - 線上書籍

:::

\[982\]PHP網站開發 進階應用技巧
=====================

<html>  
 <head>  
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
 <title>jquery測試</title>  
   
 <script type="text/javascript" src="jquery-1.3.2.min.js"></script>  
   
 <script>  
 $(document).ready(function(){  
 $("#tbl").hide();  
   
 $("#box").click(function(){  
 $("#tbl").slideDown("slow").css("border","1px solid blue").css("width","250px");  
 });  
   
 $("button").click(function(){  
 $("#tbl").fadeOut("slow");  
 });  
   
 $("#sex\_b").click(function(){  
 $("body").removeClass().addClass("boy");  
 });  
   
 $("#sex\_g").click(function(){  
 $("body").removeClass().addClass("girl");  
 });  
   
 $("input\[name=my\_name\]").change(function(){  
   
 $("#box").prepend("嗨！" + $("input\[name=my\_name\]").val()).css("color","red");  
 });  
   
 });  
   
 </script>  
   
 <style>  
 .boy{  
 background-image:url(boy.jpg);  
 background-position:right top;  
 background-repeat:no-repeat;  
 }  
   
 .girl{  
 background-image:url(girl.jpg);  
 background-position:right top;  
 background-repeat:no-repeat;  
 }  
   
 </style>  
   
   
 </head>  
 <body>  
   
 <div id="box">點我填寫功能表</div>  
   
 <table id="tbl">  
 <tr>  
 <th>姓名</th>  
 <td><input type="text" name="my\_name"></td>  
 </tr>  
   
 <tr>  
 <th>性別</th>  
 <td>  
 <input type="radio" name="sex" value="男" id="sex\_b">男  
 <input type="radio" name="sex" value="女" id="sex\_g">女  
 </td>  
 </tr>  
   
 <tr id="tel">  
 <th>電話</th>  
 <td><input type="text" name="my\_tel" value="留個電話吧～"></td>  
 </tr>  
   
 <tr>  
 <td colspan=2><button>關閉</button></td>  
 </tr>  
 </table>  
   
 </body>  
 </html>

:::

搜尋

進階搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D183

快速登入

書籍目錄

展開 | 闔起

線上使用者

73人線上 (19人在瀏覽線上書籍)

會員: 0

訪客: 73

更多…

MarkDown

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者