解读 M$ 源代码:JavaScript + CSS 实现层的平移及动态显示

<!--解读 M$ 源代码:JavaScript + CSS 实现层的平移及动态显示-->
<!--Open.htm-->
<!--本文主要由 JavaScript 和 CSS 实现的层的平移及动态显示-->
<!--小弟的 JavaScript 水平实在有够差劲,故以下注解均为个人理解,有疏漏及不当之处还请各位大虾指正-->
<!--以下源代码来源于 M$ Windows 2000 Professional 安装光盘的 DISCOVER 目录,更改之处见文档的最有注解-->
<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 的方法跟踪某个变量,以达到所需的效果,只是小心不要出现死循环,到时候别骂我哦~~

时间: 2024-10-25 21:45:21

解读 M$ 源代码:JavaScript + CSS 实现层的平移及动态显示的相关文章

解读 M$ 源代码:JavaScript + CSS 实现动态菜单显示

<!--解读 M$ 源代码:JavaScript + CSS 实现动态菜单显示--><!--Default.htm--><!--小弟的 JavaScript 水平实在有够差劲,故以下注解均为个人理解,有疏漏及不当之处还请各位大虾指正--><!--以下源代码来源于 M$ Windows 2000 Professional 安装光盘的 DISCOVER/EASY2USE 目录,更改之处见文档的最后注解--><!--有关"单位"与&quo

Javascript实现div层渐隐效果的方法

  本文实例讲述了Javascript实现div层渐隐效果的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w

javascript-如何用JavaScript实现遮罩层并且可以指定位置高亮

问题描述 如何用JavaScript实现遮罩层并且可以指定位置高亮 想要用Javascript实现一个弹出的全网页遮罩层,并且这个遮罩层可以指定高亮位置,比如高亮被遮住的某一个<div>元素. 求教前端大神指点一二,给个例子什么的~~拜谢!![图片说明](http://img.ask.csdn.net/upload/201602/09/1455021686_557805.png) 解决方案 http://www.jb51.net/article/47593.htm 解决方案二: 我给你一个小例

Day02 - JavaScript + CSS Clock

Day02 - JavaScript + CSS Clock 作者:liyuechun简介:JavaScript30 是 Wes Bos 推出的一个 30 天挑战.项目免费提供了 30 个视频教程.30 个挑战的起始文档和 30 个挑战解决方案源代码.目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用.现在你看到的是这系列指南的第 2 篇.完整指南在 从零到壹全栈部落. 简介 第二天的练习是用JS+CSS模拟时钟效果. 效果如下: 实现以上模拟时钟的效果,大

DIV CSS遮罩层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DIV CSS遮罩层</title&

JavaScript+CSS实现的可折叠二级菜单实例_javascript技巧

本文实例讲述了JavaScript+CSS实现的可折叠二级菜单.分享给大家供大家参考,具体如下: .aspx文件: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NavigateMenu.aspx.cs" Inherits="NavigateMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHT

css控制层在底部

 代码如下 复制代码 <!DOCTYPE html PUBLIC"-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/strict.dtd"> <html id="oHTML" xmlns="http://www.w3c.org/1999/xhtml"> <head><title>css控制层在底部

浏览器兼容手册javascript,css

浏览器兼容手册javascript,css javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行 解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 问题: 代码中许多集合类对象取用时使用(),IE能接受,FF不能 解决方法: 改用 [] 作为下标运算,例

JavaScript控制网页层收起和展开效果的方法_javascript技巧

本文实例讲述了JavaScript控制网页层收起和展开效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <meta http-equiv="pragma" content=&q