极速小乌龟

导航

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>类别切换</title>
 5     <script type="text/javascript" 
 6             src="Jscript/jquery-1.8.2.min.js">
 7     </script>
 8     <style type="text/css">
 9            .clsImg{border:solid 1px #666;padding:3px}
10     </style>
11     <script type="text/javascript">
12         $(function() {
13             $("img").click(function() {
14             $(this).toggleClass("clsImg"); //切换样式类别
15             })
16         })
17     </script>
18 </head>
19 <body>
20      <img src="Images/logo.gif" alt="" title="jQuery" />
21 </body>
22 </html>

 

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