html事件

来源：互联网发布：网络超时请检查防火墙编辑：程序博客网时间：2024/05/18 16:57

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.1.min.js"type="text/javascript"charset="utf-8"></script>  <script type="text/javascript"> /*$.ready(function() { $("#toggle").click(function() { $("#img0").toggle(1000); }); });*/ $(function(){ $("#toggle").click(function() { $("#img0").toggle(1000); }); }); </script> </head> <body> <table border="1px"> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> </table> <img src="img/a1.jpg"style="height: 50px; width: 50px;"id="img0" /><br> <input type="button" id="toggle" value="toggle切换" /><br> <input type="button" id="bang1" value="给另外一个按钮绑定事件" /> <input type="button" id="bang3" value="解绑另外一个按钮事件" /> <input type="button" id="bang2" value="按钮" /> <script type="text/javascript"> // $("tr").hover(鼠标移入的回调方法,鼠标移出的回调方法); $("tr").hover(function() { $(this).css({ "background": "#666" }); }, function() { $(this).css({ "background": "white" }); }); /*//点击事件 $("#toggle").click(function(){ $("#img0").toggle(1000); });*/ $("#bang1").click(function(){ $("#bang2").bind("mouseover",function(){ alert("鼠标移入"); }); }); $("#bang3").click(function(){ $("#bang2").unbind("mouseover"); }); </script> </body> </html>

阅读全文

0 0