国外的二级动态导航菜单特效

<!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/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> BODY { FONT-SIZE: 12px; MARGIN: 0px;BACKGROUND-COLOR: #131d30 } A:link { COLOR: #7ea9bf; TEXT-DECORATION: none } A:visited { COLOR: #7ea9bf; TEXT-DECORATION: none } A:hover { COLOR: #ffffff; TEXT-DECORATION: underline } A:active { COLOR: #ffffff; TEXT-DECORATION: none } .Defautl-Navigation { FONT-SIZE: 12px; FLOAT: left; COLOR: #7ea9bf; LINE-HEIGHT: 23px; HEIGHT: 23px; TEXT-ALIGN: center } </style> <title>JS导航效果</title> </HEAD> <BODY> <DIV class=Default-top> <DIV style="BORDER: #51789b 1px solid; width:500px;HEIGHT:23px; margin:20px auto; position:relative;"> <DIV class=Defautl-Navigation style="WIDTH: 60px"><A href="#" _fcksavedurl="#">首页</A></DIV> <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV> <DIV class=Defautl-Navigation style="WIDTH: 70px; CURSOR: pointer"><A onMouseOver_fckprotectedatt="%20onMouseOver%3D%22over('two')%22" onmouseout=out(two) href="#">新闻 ∇</A> </DIV> <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV> <DIV class=Defautl-Navigation style="WIDTH: 80px"><A href="#" _fcksavedurl="#"> 联系我们</A></DIV> <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV> <DIV class=Defautl-Navigation style="WIDTH: 50px"><A href="#" _fcksavedurl="#"> 其他</A></DIV> <DIV id=two style="overflow:hidden;BORDER: #51789b 2px solid;DISPLAY: none; FILTER: alpha(Opacity=70); LEFT:300px; FLOAT:left; WIDTH: 1px; POSITION:absolute; TOP: 14px; left:80px; HEIGHT: 1px; BACKGROUND-COLOR: #444; -moz-opacity: 0.7" onmousemove=Tover() onmouseout=Tout()>No Content </DIV> </DIV> </DIV> </BODY> </HTML>

提示:您可以先修改部分代码再运行,复制代码和保存代码功能在Firefox下无效。

上一篇:标准树状导航菜单 下一篇:实用的标签切换菜单

[挑错] [打印] [收藏]

分类:默认分类 时间:2015-03-07 人气:1
本文关键词:
分享到:

相关文章

Copyright (C) quwantang.com, All Rights Reserved.

趣玩堂 版权所有 京ICP备15002868号

processed in 0.040 (s). 9 q(s)