导航按钮实现Word下载.docx
- 文档编号:4909105
- 上传时间:2023-05-04
- 格式:DOCX
- 页数:11
- 大小:16.45KB
导航按钮实现Word下载.docx
《导航按钮实现Word下载.docx》由会员分享,可在线阅读,更多相关《导航按钮实现Word下载.docx(11页珍藏版)》请在冰点文库上搜索。
#B3D4FF;
}
*{margin:
0px;
padding:
#nav{
width:
174px;
line-height:
24px;
list-style-type:
none;
text-align:
left;
/*定义整个ul菜单的行高和背景色*/
/*==================一级目录===================*/
#nava{
174px;
display:
block;
padding-left:
20px;
/*Width(一定要),否则下面的Li会变形*/
#navli{
border-bottom:
#FFF1pxsolid;
/*下面的一条白边*/
float:
background-color:
#FECFD6;
color:
#333333;
font-weight:
bold;
background:
url(../images/dot_o.gif)no-repeat8px8px;
#navlia:
hover{
#F7A868;
/*一级目录onMouseOver显示的背景色*/
#nava:
link{
text-decoration:
none;
visited{
text-decoration:
hover{
#FFF;
/*==================二级目录===================*/
#navliul{
list-style:
#navliulli{
#F5F5F5;
/*二级目录的背景色*/
normal;
#navliula{
/*padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/
/*下面是二级目录的链接样式*/
#navliula:
#666;
#F0F1FD;
/*二级onmouseover的字体颜色、背景色*/
/*==============================*/
#navli:
hoverul{
left:
auto;
#navli.sfhoverul{
#content{
clear:
left;
#navul.collapsed{
#PARENT{
-->
/style>
/head>
body>
divid="
PARENT"
style="
#CCE3F5;
color:
"
ulid="
nav"
li>
ahref="
#Menu=ChildMenu1"
onClick="
DoMenu('
ChildMenu1'
)"
菜单一<
/a>
<
ChildMenu1"
class="
collapsed"
ahref=##Menu=ChildMenu1>
/li>
/ul>
#Menu=ChildMenu2"
ChildMenu2'
菜单二<
ChildMenu2"
ahref=##Menu=ChildMenu2>
#Menu=ChildMenu3"
ChildMenu3'
菜单三<
ChildMenu3"
ahref=##Menu=ChildMenu3>
#Menu=ChildMenu4"
ChildMenu4'
菜单四<
ChildMenu4"
ahref=##Menu=ChildMenu4>
ahref=#Menu=ChildMenu4>
#Menu=ChildMenu5"
ChildMenu5'
菜单五<
ChildMenu5"
ahref=##Menu=ChildMenu5>
ahref=#C#Menu=ChildMenu5>
#Menu=ChildMenu6"
ChildMenu6'
菜单六<
ChildMenu6"
ahref=##Menu=ChildMenu6>
#Menu=ChildMenu7"
ChildMenu7'
菜单七<
ChildMenu7"
ahref=##Menu=ChildMenu7>
#Menu=ChildMenu8"
ChildMenu8'
菜单八<
ChildMenu8"
ahref=##Menu=ChildMenu8>
#Menu=ChildMenu9"
ChildMenu9'
菜单九<
ChildMenu9"
ahref=##Menu=ChildMenu9>
#Menu=ChildMenu10"
ChildMenu10'
菜单十<
ChildMenu10"
ahref=##Menu=ChildMenu10>
/div>
scripttype=text/javascript>
varLastLeftID="
;
functionmenuFix(){
varobj=document.getElementById("
).getElementsByTagName("
li"
);
for(vari=0;
i<
obj.length;
i++){
obj[i].onmouseover=function(){
this.className+=(this.className.length>
0?
"
:
)+"
sfhover"
}
obj[i].onMouseDown=function(){
obj[i].onMouseUp=function(){
obj[i].onmouseout=function(){
this.className=this.className.replace(newRegExp("
(?
|^)sfhover\\b"
),"
functionDoMenu(emid)
{
varobj=document.getElementById(emid);
obj.className=(obj.className.toLowerCase()=="
expanded"
?
if((LastLeftID!
="
)&
&
(emid!
=LastLeftID))//关闭上一个Menu
document.getElementById(LastLeftID).className="
LastLeftID=emid;
functionGetMenuID()
varMenuID="
var_paramStr=newString(window.location.href);
var_sharpPos=_paramStr.indexOf("
#"
if(_sharpPos>
=0&
_sharpPos<
_paramStr.length-1)
_paramStr=_paramStr.substring(_sharpPos+1,_paramStr.length);
else
_paramStr="
if(_paramStr.length>
0)
var_paramArr=_paramStr.split("
if(_paramArr.length>
0)
{
var_paramKeyVal=_paramArr[0].split("
if(_paramKeyVal.length>
MenuID=_paramKeyVal[1];
if(MenuID!
)
DoMenu(MenuID)
GetMenuID();
//*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果
menuFix();
/script>
/html>
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 导航 按钮 实现