这是一个非常简单的菜单，虽然简单，但我们可以从这个示例中学习到一些有关CSS和JavaScripts的一些有关知识，对于认识下拉式菜单的制作原理和基础有很大的好处。在这个示例中，我用到了DIV标识来作为我的下拉菜单列，而用一个TABLE来做我的菜单头。原理就是通过识别鼠标移动来开关下拉菜单列的显示属性。
下面是这个DIV菜单的效果，你可单击页面任何空白地来取消下拉菜单的显示。
杂志技术站点 门户站点 个人收藏站点
天极网 Yesky.com
电脑商情报
新潮电子
新浪网 Sina
搜狐 Sohu
网易 Netease
耗子网络编程站
中国同学录
中国软件开发网
好了，如果我告诉你，这样的效果也就几十行的代码，你信吗？不管怎么样，让我们来一步一步学习这个菜单是怎么做出来的。Step-by-Step，Let's go.
第一步，你需要定义一下菜单项和菜单列的 CSS层叠样式表，这里，如果你不知道CSS是什么意思，请参阅《电脑报网站》的有关CSS的教程。我们定义两个CSS的Class，一个是Meun，另一个是SubMenu， Menu定义了显示在菜单顶上的样式，而Submenu定义了下拉菜单列的显示样式。这里，需要注意的是Submenu中的“position: absolute;width:200”CSS属性，这是必须的，因为这决定了我们显示这个Submenu的位置。而其它的CSS的属性是可要可不要的。下面是这两个CSS Class的描述，你可以把下面这段话放在网的<head></head>之间，或是<body>< /body>之间。
<STYLE>
<!--
.menu {background-color:green;width:120; height:20;color: white; text-align: center;font-size:9pt;font-weight:bolder}
.submenu {position:absolute;top:40;background-color:lightyellow;width:180; font-size:9pt}
-->
</STYLE>
第二步，我们来看一下隐藏和显示下拉菜单列的Javascript的代码。这段代码非常简单，只要学过一点JavaScripts的人应该是很容易看懂的。如果你不懂Javascript的话，也请参阅《电脑报网站》上的有关JavaScripts的文章。这段代码的含义是，无论什么时候，只要鼠标一进入菜单项（Menu）元件中，那么它的下拉菜单列就会被一个叫Show函数显现出来。这个Show函数主要功能是显示当前的下拉菜单列，并隐藏其它的菜单列，并把当前所显示的菜单项放入变量cm中。另外，在这里，我还加入了一个简单的鼠标单击事件（onclick）句柄，当鼠标单击网页时，就隐藏所有的下拉菜单列。下面，我给出了整个Javascript的程序，其中有一个叫 getPos 的函数，这是用来获取下拉菜单列的显示位置的。
<SCRIPT>
var cm=null;
document.onclick = new Function("show(null)")
function getPos(el,sProp)
{var iPos = 0
while (el!=null)
{iPos+=el["offset" + sProp]
el = el.offsetParent}
return iPos}
function show(el,m)
{if (m) {m.style.display=' ';
m.style.pixelLeft = getPos(el,"Left")
m.style.pixelTop = getPos(el,"Top") + el.offsetHeight}
if ((m!=cm) && (cm)) cm.style.display='none' cm=m }
</SCRIPT>
最新回复
pqrs502 (2008-5-18 04:10:24)
环保设备网,环保企业名录,环保设备库,环保资讯,环保招标采购信息,展会,专利信息
pqrs502 (2008-5-23 11:58:18)
济南金力液压机械有限公司，是国内最大的液压 升降机 ,升降平台
专业生产厂家之一
pqrs502 (2008-5-25 02:08:13)
温岭市恒弛机械输送设备厂是一家设计和制造各类非标设备和装配流水线的企业，聘请从事高科技产品研究、开发的工程技术人才，务求替用户实现生产现代化提高效率的质量。
pqrs502 (2008-5-25 02:23:52)
业生产各种 真空泵 ,罗茨真空泵,无油真空泵,真空泵机组,无油耐腐真空机组.
pqrs502 (2008-5-31 06:47:26)
深圳市腾远电子有限公司国内专业的无线网络集成商.2.4/5.8G,54M无线网桥,提供无线网络产品,室外桥接,无线监控方案.大功率远距离室外专用移动无线网桥,无线宽带设备,在部队,油田,矿山,金融,等行业大量成功的应用
pqrs502 (2008-6-03 01:20:32)
皇冠投注 皇冠投注网 皇冠在线投注 banzheng
pqrs502 (2008-6-03 22:45:37)
网站链接的有效维护，一直是搜索引擎优化项目操作中的工作重点。基本上影响搜索引擎排名的主流因素中有：网页标题、网站结构、网站内容以及网站的链接等方面。其中网站链接分为网站内部链接与网站外部链接，无论是网站内部链接或者网站外部链接，这2个环节的优化，都是目前所有的SEO都非常重视的地方。它对seo的作用是至关重要的，因此对网站的内外部链接的有效维护是搜索引擎优化项目中非常重要的一项工作！
有效链接维护工作的重点：
有效链接维护工作的重点对象是网站的外部链接以及网站的内部链接。
内部链接：
由于网站运行的时间过长，网站内部难免会出现一些地址已失效的链接，针对这个情况，链接的维护工作主要就是及时发现并清除这些失效的链接。
外部链接：
因为现阶段的seo已经被越来越多的网站管理员得到重视，大家都认识到外部链接在SEO中的重要地位。因此出现了一些外部链接的陷阱，比如把链接放在JS、框架、或者是用了rel='external nofollow'标签等。另外种情况就是在交换了链接之后，对方过段时间就把你的链接删除。外部链接的维护工作是十分必须的，重要程度或者高于内部链接的维护。
有效链接维护工作的好处：
内部链接：
及时发现网站内部失效链接并清理或者更改，可以使一些相关的网页的PR值得到提升或者排名得到提升。
外部链接：
外部链接是提升网站排名、网站权重、网站影响的重要方法之一。
总结
链接的维护工作需要及时的发现一些失效、不相关或者一些链接陷阱，确保进行的链接建设是有效的，seo的重点就是链接的建设与维护。有效链接的维护一半是为了搜索引擎优化，另外一半是为了用户体验。
pqrs502 (2008-6-10 11:22:09)
上海到哈尔滨机票
上海到呼和浩特机票
上海到武汉机票
上海到福州机票
上海到长春机票
pqrs502 (2008-6-14 20:31:14)
上海到悉尼机票提供全球航线机票，专业申请国际紧张机位及复杂航线机票。上海到巴伦西亚机票有最新特价，有需要订购上海到巴伦西亚机票的朋友请尽快来电问询！
上海到墨尔本机票择程机票提供全球航线机票，专业申请国际紧张机位及复杂航线机票。上海到巴伦西亚机票有最新特价，有需要订购上海到巴伦西亚机票的朋友请尽快来电问询！
上海到阿德莱德机票择程机票提供全球航线机票，专业申请国际紧张机位及复杂航线机票。上海到巴伦西亚机票有最新特价，有需要订购上海到巴伦西亚机票的朋友请尽快来电问询！
上海到布里斯班机票择程机票提供全球航线机票，专业申请国际紧张机位及复杂航线机票。上海到巴伦西亚机票有最新特价，有需要订购上海到巴伦西亚机票的朋友请尽快来电问询！
上海到洛杉矶机票择程机票提供全球航线机票，专业申请国际紧张机位及复杂航线机票。上海到巴伦西亚机票有最新特价，有需要订购上海到巴伦西亚机票的朋友请尽快来电问询！
pqrs502 (2008-6-20 18:42:10)
专业办理澳大利亚留学,以澳洲海归为核心专家团队,依托澳大利亚6个办公室和近百所合作院校,为所有有志留学澳洲的学子提供最权威留学解决方案
pqrs502 (2008-6-21 22:05:03)
北京儿童摄影的专业儿童影楼,提供儿童摄影 、少儿摄影和婴幼儿摄影的网站