这什么问题啊,该如何解决,文件都是用的课程里的

来源:2-3 制作动画序列的三种方法

haBi

2016-08-09 13:59

// JavaScript Document

(function($){

/*$("#div1").velocity({

width:'300px'

},{

duration:1000,

complete:function(){

$("#div2").velocity({

width:'300px'

},{

duration:1000,

complete:function(){

$("#div3").velocity({

width:'300px'

},{

duration:1000

});

 }

});

}

});*/

//之后可执行多个动画

var seq = [

{

elements:$("#div1"),//执行动画的元素

propreties:{width:'300px'},//动画效果

options:{duration:1000}//velocity选项

},

{

elements:$("#div2"),

propreties:{width:'300px'},

options:{duration:1000}

},

{

elements:$("#div3"),

propreties:{width:'300px'},

options:{duration:1000}

}

];

$.Velocity.RunSequence(seq);

})(jQuery);

下面html文件代码

<!DOCTYPE htm>

<head>

<meta http-equiv="Content-Type" charset="utf-8" />

<link rel="stylesheet" type="text/css" href="css/style.css" />

<script  type="text/javascript" src="js/jquery.js"/></script>

<script  type="text/javascript" src="js/velocity.min.js"/></script>

<script  type="text/javascript" src="js/velocity.ui.min.js"/></script>


<title>无标题文档</title>

</head>

<body>

<div id="div1" class="box"></div>

    <div id="div2" class="box"></div>

    <div id="div3" class="box"></div>

    <script  type="text/javascript" src="js/script.js"/></script>

</body>

图片上的是错误提示http://img.mukewang.com/57a970f600016bd708970190.jpg

写回答 关注

2回答

  • haBi
    2016-08-23 14:59:34

    原来是单词拼错了,,

  • timicoder
    2016-08-10 13:56:01

    document html

    <script></script>

    注意一下标签的闭合

    timico... 回复haBi

    <!DOCTYPE htm> 文档声明有没有改正确

    2016-08-16 14:12:46

    共 2 条回复 >

Velocity.js实现弹出式相框

超给力动画插件,动画从此信手拈来,从此网页变得生动起来

27005 学习 · 63 问题

查看课程

相似问题