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特效制作教程
  • 如何使用css实现鼠标滑过块上移并且出现阴影
  • 在HTML中如何让内容单击可编辑
  • 在css中,斜体怎么设置?
  • js 获取div值并输出
  • gridview设置删除怎么用
  • 热门搜索
    热爱祖国手抄报内容 诚实手抄报 关于梦想的手抄报图片 法制安全手抄报资料 知识树手抄报 垃圾不落地手抄报 文字手抄报 文明礼仪知识手抄报 消防安全手抄报边框 黑白手抄报图片