<script>
$(document).ready(function () {
// Code to bring each link on to screen and in position
$("#link1").animate({
left: '30px',
top: '5px'
}, 1000);
$("#link2").animate({
left: '80px',
top: '5px'
}, 1400);
$("#link3").animate({
left: '130px',
top: '5px'
}, 1400);
$("#link4").animate({
left: '180px',
top: '5px'
}, 1600);
$("#link5").animate({
left: '230px',
top: '5px'
}, 1800);
// Fade in & out on hover
$("#link1").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Fade in & out on hover
$("#link2").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Fade in & out on hover
$("#link3").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Fade in & out on hover
$("#link4").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Fade in & out on hover
$("#link5").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Nudge the link when "clicked"
$("#link1").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link1").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Nudge the link when "clicked"
$("#link2").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link2").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Nudge the link when "clicked"
$("#link3").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link3").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Nudge the link when "clicked"
$("#link4").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link4").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Nudge the link when "clicked"
$("#link5").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link5").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Parallax Scroll
$(window).bind('scroll', function (e) {
parallaxScroll();
});
function parallaxScroll() {
var scrolledY = $(window).scrollTop();
$('#bblogo1').css('top', '-' + ((scrolledY * 0.6)) + 'px');
$('#bblogo2').css('top', '-' + ((scrolledY * 0.5)) + 'px');
$('#bblogo3').css('top', '-' + ((scrolledY * 0.3)) + 'px');
$('#bblogo4').css('top', '-' + ((scrolledY * 0.9)) + 'px');
$('#bblogo5').css('top', '-' + ((scrolledY * 0.6)) + 'px');
$('#bblogo6').css('top', '-' + ((scrolledY * 0.1)) + 'px');
$('#bblogo7').css('top', '-' + ((scrolledY * 0.4)) + 'px');
$('#bbspinner').animate(function (){
$(this).css
("background","url(images/bblogorender0000.png)");
});
});
</script>
问问题
120 次
4 回答
2
除了上面来自 ohgodwhy 的答案之外，您也没有关闭您的 document.ready。您当前的最后一行是：
所以你需要像上面一样关闭你的视差滚动，但你还需要关闭你的 document.ready
});
在声明该功能之前。
于 2013-05-04T08:36:14.403 回答
2
就在最后，在 的底部parallaxScroll，你需要在你有的}之前放一个。关闭文档调用});从一开始就开始，所以你需要它，但你需要先关闭函数：});readyparallaxScroll
function parallaxScroll() {
var scrolledY = $(window).scrollTop();
$('#bblogo1').css('top', '-' + ((scrolledY * 0.6)) + 'px');
$('#bblogo2').css('top', '-' + ((scrolledY * 0.5)) + 'px');
$('#bblogo3').css('top', '-' + ((scrolledY * 0.3)) + 'px');
$('#bblogo4').css('top', '-' + ((scrolledY * 0.9)) + 'px');
$('#bblogo5').css('top', '-' + ((scrolledY * 0.6)) + 'px');
$('#bblogo6').css('top', '-' + ((scrolledY * 0.1)) + 'px');
$('#bblogo7').css('top', '-' + ((scrolledY * 0.4)) + 'px');
$('#bbspinner').animate(function (){
$(this).css("background","url(images/bblogorender0000.png)");
});
} // <==== Here
});
于 2013-05-04T08:33:41.580 回答
2
将您的代码替换为缺少右括号的代码
$(document).ready(function ()
// Code to bring each link on to screen and in position
{ $("#link1").animate({
left: '30px',
top: '5px'
}, 1000);
$("#link2").animate({
left: '80px',
top: '5px'
}, 1400);
$("#link3").animate({
left: '130px',
top: '5px'
}, 1400);
$("#link4").animate({
left: '180px',
top: '5px'
}, 1600);
$("#link5").animate({
left: '230px',
top: '5px'
}, 1800);
// Fade in & out on hover
$("#link1").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Fade in & out on hover
$("#link2").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Fade in & out on hover
$("#link3").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Fade in & out on hover
$("#link4").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Fade in & out on hover
$("#link5").hover(function () {
$(this).fadeOut(150);
$(this).fadeIn(150);
});
// Nudge the link when "clicked"
$("#link1").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link1").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Nudge the link when "clicked"
$("#link2").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link2").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Nudge the link when "clicked"
$("#link3").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link3").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Nudge the link when "clicked"
$("#link4").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link4").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Nudge the link when "clicked"
$("#link5").mousedown(function () {
$(this).css("padding-top", "5px");
});
$("#link5").mouseup(function () {
$(this).css("padding-top", "0px");
});
// Parallax Scroll
$(window).bind('scroll', function (e) {
parallaxScroll();
});
function parallaxScroll() {
var scrolledY = $(window).scrollTop();
$('#bblogo1').css('top', '-' + ((scrolledY * 0.6)) + 'px');
$('#bblogo2').css('top', '-' + ((scrolledY * 0.5)) + 'px');
$('#bblogo3').css('top', '-' + ((scrolledY * 0.3)) + 'px');
$('#bblogo4').css('top', '-' + ((scrolledY * 0.9)) + 'px');
$('#bblogo5').css('top', '-' + ((scrolledY * 0.6)) + 'px');
$('#bblogo6').css('top', '-' + ((scrolledY * 0.1)) + 'px');
$('#bblogo7').css('top', '-' + ((scrolledY * 0.4)) + 'px');
$('#bbspinner').animate(function (){
$(this).css
("background","url(images/bblogorender0000.png)");
});
}
});
您可以在此处检查 Javascript 验证http://jsfiddle.net/
于 2013-05-04T08:34:58.320 回答
2
您可以使用 }) 结束文档准备就绪；但它会在某些浏览器中自动验证，
我建议在IE上测试你的应用程序，这样你就会知道语法错误。
于 2013-05-04T08:43:44.167 回答