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

<!--解读 M$ 源代码：JavaScript + CSS 实现动态菜单显示-->
<!--Default.htm-->
<!--小弟的 JavaScript 水平实在有够差劲，故以下注解均为个人理解，有疏漏及不当之处还请各位大虾指正-->
<!--以下源代码来源于 M$ Windows 2000 Professional 安装光盘的 DISCOVER/EASY2USE 目录，更改之处见文档的最后注解-->
<!--有关“单位”与“集合”的定义，请参见文档后面的注解-->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <TITLE>更易使用</TITLE><!--注1-->
        <SCRIPT language="javascript">
var whichIm;
var varColor = "DDEEFF";
document.onmouseover = mouseOver;
document.onmouseout = mouseOut;
document.onmousedown = mouseDown;
document.onmouseup = mouseUp;
function mouseOver() {
    var vSrc = window.event.srcElement;
    if (vSrc.className == "child2" || vSrc.className == "child3" || vSrc.className == "parent")/*判断对象是否为“单位”*/ {
    fColor = vSrc.style.backgroundColor;
    vSrc.style.backgroundColor = varColor;
    /*注2*/
    }
}
function mouseOut() {
    var vSrc = window.event.srcElement;
    if (vSrc.className == "child2" || vSrc.className == "child3" || vSrc.className == "parent") {
    vSrc.style.backgroundColor = fColor;
    /*注2*/
    }
}
function mouseDown() {
    var vSrc = window.event.srcElement;
    divColl=document.all.tags("DIV");

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

解读 M$ 源代码：JavaScript + CSS 实现动态菜单显示的相关文章

JavaScript CSS创建右击菜单效果代码_导航菜单

右键菜单创建测试效果吧! 后退 前进 photoshop教程 javascript vbscript 软件下载 源码下载 正则表达式 联系我

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

<!--解读 M$ 源代码:JavaScript + CSS 实现层的平移及动态显示--><!--Open.htm--><!--本文主要由 JavaScript 和 CSS 实现的层的平移及动态显示--><!--小弟的 JavaScript 水平实在有够差劲,故以下注解均为个人理解,有疏漏及不当之处还请各位大虾指正--><!--以下源代码来源于 M$ Windows 2000 Professional 安装光盘的 DISCOVER 目录,更改之处见文档

动态网站导航菜单:Javascript和jQuery导航菜单教程

文章简介:非常优秀的jQuery+CSS实现动态导航菜单教程. 导航栏是一个网站最常使用的部分之一,用户可以通过它有序地访问网页并返回到主页.这就要求导航栏一定要简单.易用,不要让用户在浏览网站过程中迷失.接下来我们要谈的是其下的导航菜单设计.导航菜单不宜设计成过分花哨,产生令人厌烦的感觉.但也要追求赏心悦目,同时一定要做到方便查找.现在,您可以利用Javascript和jQuery技术设计出不同的导航菜单,本篇文章收集了一些相关教程. 最后,值得提醒的是不要过分使用动态菜单,不要过分复杂,这样

javascript实现dom动态创建省市纵向列表菜单的方法

  本文实例讲述了javascript实现dom动态创建省市纵向列表菜单的方法.分享给大家供大家参考.具体实现方法如下: ? 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 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 6

jQuery结合CSS制作动态的下拉菜单_jquery

当要在一个有限的导航菜单空间放一个大的子菜单时,我们一般采用下拉菜单的形式来弥补空间的不足.本文将带大家用最少的时间,使用jQuery和CSS结合制作一个动态的下拉菜单. XHTML 首先是要在页面的head部分引入jquery库,这是必须的. <script type="text/javascript" src="js/jquery.js"></script> 接着我使用一个无序列表来构建菜单. <ul class="men

javascript实现dom动态创建省市纵向列表菜单的方法_javascript技巧

本文实例讲述了javascript实现dom动态创建省市纵向列表菜单的方法.分享给大家供大家参考.具体实现方法如下: <!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/xhtm

JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果_javascript技巧

本文实例讲述了JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果.分享给大家供大家参考.具体如下: 这里演示JavaScript+CSS仿Mootools竖排黑色动画菜单,并非使用了Mootools,但效果却和使用了Mootools差不多,动画效果平滑,操作舒服,给菜单增色不少. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-mootools-style-demo/ 具体代码如下: <!DOCTYPE html

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

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

动态载入/删除/更新外部 JavaScript/Css 文件的代码_javascript技巧

动态载入 JavaScript/Csss 文件 传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在<head>标签里面进行添加: 复制代码 代码如下: <head> <script type="text/javascript" src="myscript.js"></script> <link rel="stylesheet" type="te