前端学堂 http://www.felearn.com
当前位置首页 > 前端技术 > JavaScript> 正文

如何用js做特效?

2021-05-29 12:07:38 暂无评论 82 JavaScript 何用   特效

谢邀。

如何用js做特效?

如何用js做特效这个问题,首先要搞懂什么是js特效?js特效就是网页中实现的特殊效果或者特殊的功能的一种技术,是用网页脚本(javascript)来编写制作动态特殊效果,比如图片切换,渐变等等,它为活跃了网页的气氛,可以做一些炫酷的效果。

如何用js做特效?

如何用js做特效,方法有很多?效果也很多!这里我们以js如何实现淡入淡出效果为例:需要的朋友可以参考一下,淡入淡出效果,在日常项目中经常用到,可惜原生js没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装,有用得着的朋友,可以直接使用。代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0.00~1.00),,下面使用时请考虑浮点精确表达差值。

如何用js做特效?

参数说明:

fadeIn()与fadeOut()均有三个参数,第一个是事件, 必填;第二个是淡入淡出速度,正整数,大小自己权衡,可选参数;第三个, 是指定淡入淡出到的透明度值(类似于jQuery中的fadeTo()), 0~100的正整数值,也是可选参数。

关键代码:

仅供参考,希望对您有所帮助!