Fadeln()方法
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术: JQ
撰写时间:2021/8/8
注意红色箭头指向内容,本文将分为6张图片,并按从上到下顺序操作
1.我们先简单看看效果。
2.浏览器打开,点击开始演示按钮进行效果观看,下面的三个颜色块会从上往下慢慢淡入化出现。
3.开始,我们要通过script标签引入jquery-1.11.1.min.js的JQ插件。
4.接下来,我们添加一个button按钮,并命名按钮名。
5.然后,我们添加一些方块的样式,列如它的宽高颜色等。
6.随后,我们开始描写JQ部分,给button按钮一个点击事件,再给三个ID一个不同参数的fadeln方法,完成之后浏览器打开即可。
以上就是我的分享,如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!