解读政府工作报告|解读 M$ 源代码:JavaScript + CSS 实现层的平移及动态显示

更新时间:2014-01-05    来源:工作报告    手机版     字体:

【www.bbyears.com--工作报告】






<script language="javascript">
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 的方法跟踪某个变量,以达到所需的效果,只是小心不要出现死循环,到时候别骂我哦~~

本文来源:http://www.bbyears.com/fanwenwang/3229.html

猜你感兴趣

热门标签

更多>>

本类排行