我发现水平视差 http://www.perandersen.no/sandbox/parallax/ 的唯一修改的这个很好的例子,我想提出它是使之从最右边而不是左边开始屏幕,但如果知道怎样做我不能那样工作如何在特定位置启动jQuery Parallax?
这里是使用jquery功能
<script type="text/javascript">
var snowboarderPos;
var balloonPos;
$(document).ready(function() {
$("#beginningLink").click(function() {
$.scrollTo(0,0, {duration: 2000});
});
$("#avalancheLink").click(function() {
$.scrollTo(2000,0, {duration: 2000});
});
$("#elevatorLink").click(function() {
$.scrollTo(4400,0, {duration: 2000});
});
$("#wolfLink").click(function() {
$.scrollTo(7000,0, {duration: 2000});
});
});
$(window).load(function() {
snowboarderPos = $("#snowboarder").offset();
balloonPos = $("#ballong").offset();
window.onscroll = scroll;
hideScreen();
});
function hideScreen() {
$("#loadingWrap").fadeOut("slow");
//$('html,body').animate({scrollLeft: $("#info2").offset().top},'slow');
$("#snowboarder").animate({"top": "-=200px"}, "slow");
$("#info1").delay(500).animate({"left": "-=200px", "width" : "350px", "fontSize" : "24px"}, "slow");
}
function scroll()
{
var xPos = window.pageXOffset;
var element = $("#wrapper");
var newXPos = Math.abs(xPos /1.1);
element.css("left", newXPos);
element = $("#snowboarder");
var position = element.position();
var newXPos = Math.abs(xPos /1.5) + snowboarderPos.left;
element.css("left", newXPos);
element = $("#elevator");
var position = element.position();
var newXPos = Math.abs(xPos /1.9) + 2800;
element.css("left", newXPos);
var element = $("#ballong");
var position = element.position();
var newXPos = Math.abs(xPos /1.2) + balloonPos.left;
element.css("left", newXPos);
// $("#xpos").text(window.pageXOffset);
}
</script>
有没有人知道我可以如何实现这一目标?
非常感谢,
谢谢,我会看看 – jmysona