图片扩大缩小切换(类似微博图片查看)

<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>

 

posted @ 2014-03-13 14:07  奋力向前CO  阅读(274)  评论(0编辑  收藏  举报