强烈推荐的一款CSS导航菜单.doc

  1. 1、本文档共4页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
强烈推荐的一款CSS导航菜单

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title导航菜单/title style body,td,th { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #333333; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } a { color: #333333; text-decoration: none; } a:hover { color: #FF0000; text-decoration: none; } a:active{ color: #FF0000; text-decoration: none; } #menu{ height:32px; margin-top:8px; background-color:#990000; } #menu ul{ margin:auto; width:778px; height:32px; list-style-type:none; padding:0px; margin-top:0px; margin-bottom:0px; } .m_li{ float:left; width:114px; line-height:32px; text-align:center; margin-right:-2px; margin-left:-2px; } .m_li a{ display:block; color:#FFFFFF; width:114px; } .m_line{ float:left; width:1px; height:32px; line-height:32px; /*ff下有效(图片垂直居中)*/ } .m_line img{ margin-top:expression(( 32 - this.height ) / 2); /*ie下有效(图片垂直居中)*/ } .m_li_a{ float:left; width:114px; line-height:32px; text-align:center; padding-top:3px; font-weight:bold; background-image:url(/jscss/demoimg/200904/menu_bg2.jpg); position:relative; height:32px; margin-top:-3px; margin-right:-2px; margin-left:-2px; } .m_li_a a{ display:block; color:#FF0000; width:114px; } .smenu{ width:774px; margin:0px auto 0px auto; padding:0px; list-style-type:none; height:32px; } .s_li{ line-height:32px; width:auto; display:none; height:32px; } .s_li_a{ line-height:32px; width:auto; display:block; height:32px; } /style script //初始化 var def=1; function mover(object){ //主菜单 var mm=document.getElementById(m_+object); mm.className=m_li_a; //初始主菜单隐藏效果 if(def!=0){ var mdef=document.getElementById(m_+def); mdef.className=m_li; } //子菜单 var ss=document.getElementById(s_+object); ss.style.display=block; //初始子菜单隐藏效果 if(def!=0){ var sdef=document.getElemen

文档评论(0)

xcs88858 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:8130065136000003

1亿VIP精品文档

相关文档