javascript段子,互联网段子

基于html JavaScript CSS做一个onMouseOver事件，当鼠标在上面时下面的隐藏栏会出现，里面有一些超链接

楼主没有完全表述清楚到底是做一个菜单,还是一个选项卡切换,看了半天,大概是你想写一个导航菜单了,抽空写了一个,先给出全部源码:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " DTD/xhtml1-transitional.dtd"

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title导航菜单/title

style type="text/css"

body{font-size:12px;}

ul,li{list-style-type:none;padding:0;margin:0;}

.main_nav{padding:2px;}

.main_nav a{display:block;line-height:28px;height:28px;padding-left:10px;overflow:hidden;}

.main_nav .navs{width:120px;}

.main_nav .navs .nav_a{background:#DDDDDD;color:#000000;text-decoration:none;}

.sub_nav{display:none;width:120px;}

.sub_nav li a {color:#FFFFFF;text-decoration:none;}

.sub_nav li a:link, .sub_nav li a:visited{background:#A0BED5;}

.sub_nav li a:hover{background:#0077BB;}

/style

/head

body

ul class="main_nav"

li class="navs" onmouseover="showSubNav('subNav_1');" onmouseout="hideSubNav('subNav_1');"

a href="javascript:;" class="nav_a"我的个人信息/a

ul id="subNav_1" class="sub_nav"

lia href="#"姓名/a/li

lia href="#"个人主页/a/li

lia href="#"我的校内/a/li

lia href="#"我的空间/a/li

/ul

/li

/ul

script language="javascript" type="text/javascript"

function showSubNav(id){

document.getElementById(id).style.display='block';

}

function hideSubNav(id){

document.getElementById(id).style.display='none';

}

/script

/body

/html

先复制下来,另存为x.htm 在浏览器打开运行一下吧, 鼠标放到 "我的个人信息" 会弹出一个下拉菜单, 鼠标放到下面的子菜单可以导航了,不会出现菜单忽然失踪了,测试浏览器(Firefox3,Opera 9.6, IE6,7,8),根据自己需要再改写吧,上面的可以说是最基本的导航菜单模型,

不过,推荐楼主用菜单生成器生成,兼容性好,有不用写代码.网上搜索一下就有了.

为什么上面的鼠标放在子菜单下,子菜单并没有消失?因为 鼠标放到子菜单上面, 由于子菜单包含在li class="navs" 这个标签内,所以,一样会触发 onmouseover 事件,而显示子菜单,当鼠标移出后,隐藏,

如果把 ul id="subNav_1" class="sub_nav"

lia href="#"姓名/a/li

lia href="#"个人主页/a/li

lia href="#"我的校内/a/li

lia href="#"我的空间/a/li

/ul 这段子菜单代码放到 上面的 li class="navs" 这个标签 外,

那么,就会出现你上述的情况,鼠标来不及点击子菜单,子菜单就消失了,

不知道你明白了没有?

相关问答

Q1: win7 用IE11 一个“javascript:;”按钮无法运作。

有必要用IE吗？网上的各种段子吐槽IE。推荐Chrome插件强大，360浏览器屌丝中的战斗机，反正我用Chrome

Q2: java 和 javascript 的区别段子

Java是后端编程语言。JavaScript是前端编程语言，Java出现要比JavaScript早很多，网景公司和sun公司合作时，Java很火，而网景这时候准备推出JavaScript，网景和Sun商量并把这种新编程语言叫JavaScript。Java和JavaScript没有任何关系。

Q3: 学什么技术最好就业?

汽修技术的发展前景挺不错的，新能源汽车行业人才紧缺，薪资待遇好。

一、汽修行业是今近些年来发展起来的黄金行业，具有广阔的发展前景，汽修人才非常缺乏。

二，汽修人才发展空间大。选择学汽修的初高中生在掌握到精湛的汽修技术，既可以做汽车销售、汽修美容技师、4S应用工程师、机电维修技师等岗位，还可以在积累经验后，往高级维修技师、维修技术总监、4S店店长等方向发展，晋升空间十分广阔。

三，就业好，工作稳定，不必频繁跳槽。由于汽修人才的紧缺，拥有汽修技术的专业人才就业优势十分明显。只要技术过硬，找工作根本不用发愁。

四，学汽修基础要求低，建议到专业的学校学习时间短。学习汽修这门技术，不需要太多基础，学习时间也比较短，不必耗费大量时间。

Q4: 我的贴吧显示不正常了怎么办？

你好，这种情况多半是浏览器javascript发生了问题，确保网速没问题的情况下，可以换个浏览器或者用浏览器自带的修复工具修复浏览器

Q5: javascript alert清除成功是什么段子

就是说一公司的系统里面, 客户要求点一个按钮清空缓存, 然后这家伙写了个a href="javascript: alert("清除成功!")" 清空缓存/a，自己骗自己, 啥都没干, 就弹了个窗。

缓存（cache），原始意义是指访问速度比一般随机存取存储器（RAM）快的一种高速存储器，通常它不像系统主存那样使用DRAM技术，而使用昂贵但较快速的SRAM技术。缓存的设置是所有现代计算机系统发挥高性能的重要因素之一。

缓存是指可以进行高速数据交换的存储器，它先于内存与CPU交换数据，因此速率很快。L1 Cache(一级缓存)是CPU第一层高速缓存。内置的L1高速缓存的容量和结构对CPU的性能影响较大，不过高速缓冲存储器均由静态RAM组成，结构较复杂，在CPU管芯面积不能太大的情况下，L1级高速缓存的容量不可能做得太大。

一般L1缓存的容量通常在32—256KB。L2　Cache(二级缓存)是CPU的第二层高速缓存，分内部和外部两种芯片。内部的芯片二级缓存运行速率与主频相同，而外部的二级缓存则只有主频的一半。