我寫了一個js，要達到的目標是：1.打開頁面時除第一行外，其余的行都隱藏；2.當點擊“顯示”之后，后面的行顯示出來；3.當點擊“隱藏”之后，后面的行都隱藏
3 回答
Smart貓小萌
TA貢獻1911條經驗 獲得超7個贊
1 2 3 4 5 6 7 8 9 10 | Jquery: $(document).ready(function(e) { $("#hid").click(function(){ $("#all tr").not($("#one")).hide(1000); }); $("#show").click(function(){ $("#all tr").show(1000); });
}); |
1 2 3 4 5 6 7 8 9 10 11 12 | html 部分代碼 <body> <input type="button" value="show" id="show" /> <input type="button" value="hidden" id="hid" /> <table id="all"> <tr id="one"><td>one</td></tr> <tr><td>...</td></tr> <tr><td>...</td></tr> <tr><td>...</td></tr> <tr><td>...</td></tr> </table> </body> |
1 2 3 4 | css table{ width:500px; border-collapse:0; border-spacing:0;} table tr td{ border:1px solid #ccc;} 帶動畫效果哦 親 |
- 3 回答
- 0 關注
- 952 瀏覽
添加回答
舉報
0/150
提交
取消