js实现的早期滑动门菜单效果代码_javascript技巧

本文实例讲述了js实现的早期滑动门菜单效果代码。分享给大家供大家参考。具体如下：

这里介绍的是传说中的早期滑动门菜单Demo代码，测试时请把鼠标放到左侧相应的导航栏目上，放在左侧菜单上的时候，你就发现玄机了，右侧的内容会跟着变化，JS与HTML结合实现的，比较传统的导航效果。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-old-ver-menu-cha-codes/

具体代码如下：

'
linktext[1]='
国内最大的游戏网站-第九城市
'
linktext[2]='
国内最大的新闻发布类站点-新浪网
'
linktext[3]='
国内最大的综合性娱乐站点--网易
'
linktext[4]='
最大的搜索引擎站点...百度
'
var ns6=document.getElementById&&!document.all
var ie=document.all
function show_text(thetext, whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext] }
function reset(whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML='
请把鼠标放到左侧相应的导航栏目上
有所变化
'
else if (ns6) document.getElementById(whichdiv).innerHTML='
请把鼠标放到左侧相应的导航栏目上
看到变化效果了吗？
'}
// End -->

  

   


     
中国人
第九城市
新浪网
网易
百度一下

    

     
请把鼠标放到左侧相应的导航栏目上
 
有所变化

希望本文所述对大家的javascript程序设计有所帮助。