手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js特效制作教程

时间:2024-10-13 09:15:43

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

js特效制作教程

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

js特效制作教程

3、在<body></body>标签中,插入一个div和一个无序列表

js特效制作教程

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

js特效制作教程

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

js特效制作教程

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

js特效制作教程

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

js特效制作教程
js特效制作教程
© 手抄报圈