插件的使用

162 阅读1分钟

1、swiper

  wow.js依赖于animate.css,首先在头部引用animate.css或者animate.min.css

<link rel="stylesheet" href="css/animate.css"> 

  在最底部引用wow.js或者wow.min.js,然后再下面再写一行javascript代码(无需引用jQuery)

<script type="text/javascript" src="js/wow.min.js"></script>  <script type="text/javascript">      new WOW().init();  
</script>

js上方写需要动画的元素(必须设置为块状或者行内块状),并添加class类名

2、Animate

1、引入文件

<link rel="stylesheet" href="animate.min.css">

animate.css 的默认设置也许有些时候并不是我们想要的,所以你可以重新设置,比如:

#dowebok {
    animate-duration: 2s;    //动画持续时间
    animate-delay: 1s;    //动画延迟时间
    animate-iteration-count: 2;    //动画执行次数
}

3、echart

引入文件

 <script src="./echarts.js"></script>

 // 指定图表的配置项和数据        // option 配置!!!        var option = {            title: {                text: '自定义雷达图'            },            legend: {                data: ['图一', '图二', '张三', '李四']            },

4、use strict

 
'use strict';
// 定义下面的代码遵循严格模式
// var a;
a = 10 // 在严格模式下是报错的。因为一个变量一定要声明,才能赋值!!!
console.log(a)