码迷,mamicode.com
首页 > 移动开发 > 详细

背景图移动,营造画面在移动的视觉效果

时间:2017-06-12 11:56:53      阅读:236      评论:0      收藏:0      [点我收藏+]

标签: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‘);

背景图移动,营造画面在移动的视觉效果

标签:nbsp   size   web   parse   视觉   page   ima   bsp   png   

原文地址:http://www.cnblogs.com/dongkx/p/6991866.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!