<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>二十七八岁的天空</title> <link rel="stylesheet" href="css/quick.css"> <script src="js/jquery.js"></script> <script src="js/velocity.min.js"></script> <script src="js/velocity.ui.min.js"></script> </head> <body> <div> <div> <div> <img src="./img/SC06C06.jpg" width="100%" height="100%" /> </div> <div> <p>二十七八岁的天空</p> </div> <div> 查看内容 </div> <div class="neirong"> <div id="box1" class="upbox-left"> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> </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('xueyue.slideUpIn',{ defaultDuration: 500, calls:[ [{opacity: [1, 0], translateY: [0,100]}] ] }); $.Velocity.RunSequence(seqInit); })(jQuery);
这只是实现正面几个小模块的入场动画,没有效果,所以就没有继续往下写,不知道是什么地方除了问题
js 变量命名中不能出现 - 可以用 _