最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
解读 M$ 源代码：JavaScript + CSS 实现层的平移及动态显示
时间：2022-06-30 09:57:54 编辑：袖梨 来源：一聚教程网
var StartV = 0.5;
var EndV = 1;
var MidV;
var Inc = 0.12;
var Power = 3;
/* Inc 与 Power 共同控制每循环 alpha 的变化量及循环总个数*/
var mSec = 20;
var SlStartV;
var SlEndV;
var SlInc;
var mSec;
var openSec = 20;//控制循环完成所需时间
var SlPower;
function fadeLogo() {
if (EndV > .9999) {
StartV = StartV + Inc;
MidV = Math.sin(StartV) + 1;
EndV = Math.pow(MidV,Power);
/*个人认为采用形如“int i;i=1;i++”的方式定义 EndV，亦可达到 alpha 变化的效果，但是那样只是匀速变化，不及此处使用的具有动感罢了*/
document.all.brandLogo.filters.alpha.opacity = document.all.brandLogo.filters.alpha.opacity + EndV ;
document.all.Discover.filters.alpha.opacity = document.all.Discover.filters.alpha.opacity + EndV ;
document.all.Marketing.filters.alpha.opacity = document.all.Marketing.filters.alpha.opacity + EndV;
/*为实现 alpha 与平移的连续性，亦可在 EndV 后加一个常量，这样控制会容易一些*/
//alert(document.all.Discover.filters.alpha.opacity);
/*如我一般的，可采用 alert 的方法跟踪某个变量，以达到所需的效果，只是小心不要出现死循环，到时候别骂我哦~~
相关文章
- 《弓箭传说2》新手玩法介绍 01-16
- 《地下城与勇士：起源》断桥烟雨多买多送活动内容一览 01-16
- 《差不多高手》醉拳龙技能特点分享 01-16
- 《鬼谷八荒》毕方尾羽解除限制道具推荐 01-16
- 《地下城与勇士：起源》阿拉德首次迎新春活动内容一览 01-16
- 《差不多高手》情圣技能特点分享 01-16