好的,抱歉标题有点尴尬!
在我看来,这是一种独特的情况。
基本上,使用jQuery插件Spritely,可以调用.pan()方法/操作,使您可以(显而易见地)将某些东西横跨屏幕滑动。
我目前在页面背景中有三个视频游戏场景从左到右和从右到左移动。
现在,我想如果横向移动图像的一部分经过我的内容
时,它会跳到另一侧,而不是在
后面。
我也希望精灵能够从左边到右边,因此如果不是插件的两个单独实例,则会更好。 我接受任何建议!
有没有简单的方法来指定这个?
谢谢!
好的,抱歉标题有点尴尬!
在我看来,这是一种独特的情况。
基本上,使用jQuery插件Spritely,可以调用.pan()方法/操作,使您可以(显而易见地)将某些东西横跨屏幕滑动。
我目前在页面背景中有三个视频游戏场景从左到右和从右到左移动。
现在,我想如果横向移动图像的一部分经过我的内容
我也希望精灵能够从左边到右边,因此如果不是插件的两个单独实例,则会更好。 我接受任何建议!
有没有简单的方法来指定这个?
谢谢!
var windowSize = $(document).width();
var elementSize = (windowSize - $('#header').width())/2;
$('#bg_1').addClass('bg_1').css('background-position','right top').width(elementSize+'px').clone().css({'left':'auto','right':'0','background-position':'left top'}).insertAfter('#bg_1');
$('.bg_1').each(function(){$(this).pan({fps: 3, speed: 2, dir: 'right'})});
当然,这需要一些工作,但我尝试在您的网站上使用firebug运行它,效果基本实现了。背景图片的定位有些偏差,但我想这是因为平移功能已经启动了。如果平移功能在开始移动背景图像之前自动定位背景图像,则您想要的效果将更难实现。
您还需要解决圆角后面的背景问题,虽然在顶部我认为这只是蓝色的问题。