Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery效果函数调用在javascript中不起作用_Javascript_Jquery_Html_Css - Fatal编程技术网

Jquery效果函数调用在javascript中不起作用

Jquery效果函数调用在javascript中不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个代码,它显示祝贺,并显示星星,当身体在蓝色屏幕上加载超过4000次时弹出 当body加载时,它调用一个函数animatecograt(),该函数中有两个函数,如下所示 文本一致性在函数animatetext()中设置动画,在animateblobs()中设置星星动画 我的问题是文本一致性已设置动画,蓝屏显示超时4000,但星星(var numberOfStars=20;以blob为单位)未在蓝屏中显示并设置动画。 如何解决这个问题?我如何达到这个效果 var超时; 函数animate

我有一个代码,它显示祝贺,并显示星星,当身体在蓝色屏幕上加载超过4000次时弹出

当body加载时,它调用一个函数animatecograt(),该函数中有两个函数,如下所示

文本一致性在函数animatetext()中设置动画,在animateblobs()中设置星星动画

我的问题是文本一致性已设置动画,蓝屏显示超时4000,但星星(var numberOfStars=20;以blob为单位)未在蓝屏中显示并设置动画。

如何解决这个问题?我如何达到这个效果


var超时;
函数animateCograt()
{
调试器;
$('.congreats').show();
clearTimeout(超时);
添加蓝体();
重置();
var numberOfStars=20;
对于(var i=0;i{
$('.congreats').hide();
$('body').removeClass('bodyblue');
}, 4000);
}
函数重置(){
$.each($('.blob'),函数(i){
TweenMax.集($(此){
x:0,,
y:0,
不透明度:1
});
});
TweenMax.集合($('h1'){
比例:1,
不透明度:1,
轮换:0
});
}
函数animateText(){
TweenMax.from($('h1'),0.8{
比例:0.4,
不透明度:0,
轮换:15,
ease:Back.easeOut.config(4),
});
}
函数animateBlobs(){
调试器;
var xSeed=0.random(500500);
调试器;
var ySeed=u0.random(300300);
$.each($('.blob'),函数(i){
var$blob=$(此);
变量速度=随机(1,5);
变量旋转=随机(5100);
var标度=随机(0.8,1.5);
var x=u.random(-xSeed,xSeed);
var y=u.random(-ySeed,ySeed);
TweenMax.到($blob,速度{
x:x,
y:y,
ease:Power1.easeOut,
不透明度:0,
旋转:旋转,
比例:比例,
onStartParams:[$blob],
onStart:function($element){
$element.css('display','block');
},
onCompleteParams:[$blob],
onComplete:函数($element){
$element.css('display','none');
}
});
});
}
@font-face{
字体系列:“Sigmar One”;
字体风格:普通;
字体大小:400;
src:local('Sigmar One-Regular')、local('SigmarOne-Regular')、url(https://fonts.gstatic.com/s/SigmarOne/v8/co3DmWZ8kjZuErj9Ta3do6Tpow.ttf)格式('truetype');
}
@导入url(https://fonts.googleapis.com/css?family=Sigmar+One);
身体{
溢出:隐藏;
}
.虚线{
边框:2个虚线#999!重要;
}
.bodyblue{
背景:#3da1d1;
颜色:#fff;
宽度:0.3vw;
高度:0.5vh;
}
.祝贺你{
位置:绝对位置;
顶部:140px;
宽度:550px;
高度:100px;
填充:20px 10px;
文本对齐:居中;
保证金:0自动;
左:0;
右:0;
显示:无;
}
h1{
变换原点:50%50%;
字体大小:50px;
字体系列:“Sigmar One”,草书;
光标:指针;
z指数:2;
文本对齐:居中;
宽度:100%;
位置:绝对位置;
顶部:-10.5vh;
左:0.3vw;
}
blob先生{
高度:50px;
宽度:50px;
颜色:#ffcc00;
位置:绝对位置;
最高:45%;
左:45%;
z指数:1;
字体大小:30px;
显示:无;
}
.标题{
左缘:20%;
保证金权利:20%;
利润上限:-2%;
}
.文本{
填充:20px;
利润率:7像素;
边缘顶部:10px;
颜色:白色;
字体大小:粗体;
文本对齐:居中;
}
身体{
背景图像:
背景尺寸:100vw 100vh;
}
.下一个{
保证金权利:50%;
左边距:50%;
利润底部:10%;
浮动:对;
}
保险商实验室{
-moz边界半径:50%;
-webkit边界半径:50%;
}

祝贺

您将以不同版本加载jQuery库4次。你不应该加载它超过一次。不确定这是否是问题的原因,tho,代码段功能当前已关闭,因此我无法看到您的代码正在运行。@victoria ruiz感谢您的回复,如果我只使用min.js,它是否也提供tweenmax的函数?哪一个库包含了所有这些?我不认为TweenMax需要jQuery,但您在代码中使用了一些jQuery功能。您需要不断调用jQuery的一个版本(可能是最新版本),以及TweenMax的JS。