极速小乌龟

导航

jQuery-点击查看联系方式 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title>其他事件one</title>
 5     <script type="text/javascript" 
 6             src="Jscript/jquery-1.8.2.min.js">
 7     </script>
 8     <style type="text/css">
 9            .btn {border:#666 1px solid;padding:2px;width:160px;
10            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
11     </style>
12     <script type="text/javascript">
13         $(function() {
14             function btn_Click() { //自定义事件
15                 this.value = "010-12345678"
16             }
17             $("input").one("click", btn_Click); //绑定自定义事件
18         })
19     </script>
20 </head>
21 <body>
22     <input id="Button1" type="button" value="点击查看联系方式" class="btn" />
23 </body>
24 </html>

 

posted on 2017-03-21 22:30  极速小乌龟  阅读(243)  评论(0)    收藏  举报