我按照老师的打的，怎么没有效果，
来源：3-3 入场动画
心安勿忘丨
2017-05-24 16:54
</head> <body> <div class="kuangjia"> <div class="shouye"> <div class="logo"> </div> <div class="biaoti"> </div> <div class="next"> 查看内容 </div> </div> </div> <script type="text/javascript" src="js/script.js"></script> </body> </html>
(function ($) {
var shouye = $(".shouye");
var logo = $(".logo");
var biaoti = $(".biaoti");
var open = $(".next");
var neirong = $(".neirong");
var upbox-left = $(".upbox-left");
var upbox-mid = $(".upbox-mid");
var upbox-right = $(".upbox-right");
var lowbox-left = $(".lowbox-left");
var lowbox-mid = $(".lowbox-mid");
var lowbox-right = $(".lowbox-right");
var bottom = $(".bottom");
var img = logo.find('img');
$.Velocity.RegisterUI('shequ.slideUpIn',{
defaultDuration: 500,
calls:[
[{opacity: [1, 0], translateY: [0,1000]}]
]
});
var seqInit = [
{
element: logo,
properties:'shequ.slideUpIn',
options:
{
delay:300//开始的延时
}
},
{
element: biaoti,
properties:'shequ.slideUpIn',
options:
{
delay: 60
}
},
{
element: open,
properties:'shequ.slideUpIn',
options:
{
delay: 60
}
];
$.Velocity.RunSequence(seqInit);
})(jQuery);css就不放了，html内容不是重点，主要是看看js怎么没有和html关联上啊
写回答
关注
1回答
-
- 漆黑如墨z
- 2017-05-29 00:41:01
element: open,
properties:'shequ.slideUpIn',
options:
{
delay: 60
}
];
应该改为如下：
element: open,
properties:'shequ.slideUpIn',
options:
{
delay: 60
}
}
];
你是少加了一个右花括号！！！
Velocity.js实现弹出式相框
超给力动画插件，动画从此信手拈来，从此网页变得生动起来
26998 学习 · 65 问题
相似问题
为什么我的会没有效果。。。。。求解答
回答 1
运行没有效果啊，怎么回事
回答 6
transition没有效果
回答 1
为什么我的代码在谷歌浏览器没有效果
回答 3
为什么在页面没有效果？
回答 1