js特效制作教程

js特效制作教程

在JavaScript中，可以利用不同的方法实现不同的效果。那么，如何使用JavaScript方法实现特效效果？

打开HBuilderX工具，在项目中新建html文件，输入文件名animat.html

打开已建文件，引入jquery-3.4.1.min.js文件并修改title标签内容

在标签中，插入一个div和一个无序列表

添加style标签，利用元素选择器设置全局样式，使用ID选择器设置无序列表单项的样式

利用层次选择器设置标签a的样式，如宽度、高度、背景色等

接着添加一个script标签，调用slideDown()方法，设置效果

保存代码并运行页面文件，打开浏览器，查看效果

1、新建页面文件

2、引入jquery文件

3、插入标签元素

4、设置元素样式

5、调用JS方法

6、保存预览效果