                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Velocity.js实现弹出式相框

我按照老师的打的，怎么没有效果，

</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关联上啊