JS CSS实现另类带提示效果的竖向导航菜单

本文实例讲述了JS CSS实现另类带提示效果的竖向导航菜单。分享给大家供大家参考。具体如下：

这是一款JS CSS打造另类带提示的竖向导航菜单，觉得挺不错，只是美工水平有限，有兴趣的朋友就请继续完善吧。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-css-alert-txt-nav-menu-demo/

具体代码如下：

htmlheadtitle带提示的竖向导航菜单/title style type=' text/CSS ' #酷菜单{边框： 1px纯黑；宽度： 160像素；背景色-: # E6E 6；} #酷菜单a { font : bold 13px Verdanapadding: 2px左填充left: 4pxdisplay:块；宽度： 100%;颜色：黑色；文本装饰：无；边框-底部： 1px纯黑；} html body #酷菜单a { width : auto} #酷菜单a :悬停{背景色：黑色；颜色：白色；} #表格描述{宽度： 100%；height : 3 empadding : 2px filter : alpha(不透明度=0);-moz-opa城33600；}/style脚本类型=' text/JavaScript ' var base opacity=0函数显示文本(thetext){ if(！文件。getelementbyid)returntextcontainerobj=document。getelementbyid(' table description ')browserdetect=textcontainerobj。过滤器？ie ' :类型的textcontainerobj。风格。mozzopacity==' string '？'Mozilla ' : ' '即时设置(基本不透明度)文档。getelementbyid('表描述').innerHTML=thetext highlighting=setInterval('渐变(textcontainerobj)'，50)}函数hide text(){ clear timer()} instant set(基本不透明度)}函数instant set(度){ if(browser detect=' Mozilla ')textcontainerobj。风格。mozzo pacity=degree/100 else if(browserdetect=' ie ')textcontainerobj。过滤器。阿尔法。不透明度=程度lese if(文档。getelementbyid基本不透明度=' 0)文档。getelementbyid(' TableInnerHTMl=' ')函数清除定时器(){ if(window。突出显示)clearInterval(突出显示)}函数gradier fade(cur 2){ if(browser detect==' Mozilla ' cur 2。风格。mozopathia)cur 2。风格。数学。最小(parseFloat(cur 2。风格。mozzopacity)0.2，0.99)else if(browserdetect==' ie ' cur 2。过滤器。阿尔法。不透明度00)曲线2。过滤器。阿尔法。不透明度=20 else(窗口。高光精品脚本代码下载！)" onMouseout="隐藏文本()"开始吧/aa href=' # ' onMouseover=' show text('常用特效收集与发布)" onMouseout="隐藏文本()"网页特效/aa href=' # ' onMouseover=' show text('网站地图索引)" onMouseout="隐藏文本()"资源分类/aa href=' # ' onMouseover=' show text('最新更新的资源)" onMouseout="隐藏文本()"最新更新/aa href=' # ' onMouseover=' show text('网站最热的下载)" onMouseout="隐藏文本()"下载排行/adiv id='表格描述'/div/div/body/html希望本文所述对大家的Java脚本语言程序设计有所帮助。