1、背景圖片中部放大、縮小 ...
1、背景圖片中部放大、縮小
<html> <head> <title>測試背景圖片屬性</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> <style> .back{width:200px;height:200px;line-height:200px;background-image:url("http://a.hiphotos.baidu.com/image/pic/item/f9dcd100baa1cd11daf25f19bc12c8fcc3ce2d46.jpg");background-repeat:no-repeat;background-size:90%;background-position:center;} </style> </head> <body> <div class="back"></div> <script> $(".back").mouseover(function(){ $(".back").animate({backgroundSize:'95%'},1000,function(){}); }); $(".back").mouseout(function(){ $(".back").animate({backgroundSize:'90%'},500,function(){}); }); </script> </body> </html>
