<html> <head> <title>图片大小鼠标图片切换</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <style> .big{ width:300px; height:200px; transition:all 0.4s; cursor:url("http://img.t.sinajs.cn/t5/style/images/common/big.cur"), auto !important; } .small{ cursor:url("http://img.t.sinajs.cn/t5/style/images/common/small.cur"), auto !important; transition:all 0.4s; width:600px; height:400px; }; img{width:100%;}; </style> <body> <div id="c" class="big"> <img src="Newfolder/images/C-_Users_intern_Desktop_cursor_01.gif"/> </div> </body> <script> $(function(){ $("#c").click( function(){ $("#c").toggleClass("small"); } ); }); </script> </html>