背景圖移動，營造畫面在移動的視覺效果

標籤：nbsp   size   web   parse   視覺   page   ima   bsp   png   

//背景圖移動，營造船在前進的視覺效果

背景設定repeat-y；

 

.page3_bg{
position:relative;width:100%;height:100%;
background:url(../image/page3_bg.png) repeat-y;
background-size:100% 603px;
background-position:0 0px;-webkit-transition:all 0.5s linear;
}

 

 

 

var nowY=$("#gamePage").css("background-position-y");
var newY=parseInt(nowY)+self.steps*self.stepsView;

$("#gamePage").css("background-position-y",newY+‘px‘);

背景圖移動，營造畫面在移動的視覺效果