• 保存到桌面加入收藏设为首页
当前位置 当前位置:首页 > 网站代码 > 调用代码

【网站代码】文字变化的导航菜单

2019-06-06 00:00:48墨初930
内容摘要:【网站代码】文字变化的导航菜单<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><!--savedfromurl=(00...

【网站代码】文字变化的导航菜单

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0023)http://www.tyk6.com/ -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<STYLE type=text/css>
#nav {
FONT-SIZE: 12px; LIST-STYLE-TYPE: none
}
#nav LI {
FLOAT: left; MARGIN-RIGHT: 1px
}
.bi {
POSITION: relative
}
#nav LI A {
DISPLAY: block; WIDTH: 65px; COLOR: #000000; LINE-HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.bi SPAN {
LEFT: -999px; VISIBILITY: hidden; POSITION: absolute;
}
.bi:hover SPAN {
DISPLAY: block; WIDTH: 65px; COLOR: #000000; LINE-HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none;
LEFT: 0px; VISIBILITY: visible; CURSOR: pointer; TOP: 0px;
BACKGROUND: #ffffff 30px 8px; COLOR: #000000; LINE-HEIGHT: 29px
}
#nav LI A:hover {
BACKGROUND: #ffffff 30px 8px; COLOR: #000000; LINE-HEIGHT: 29px
}
</STYLE>
<BODY>
<UL id=nav>
<LI><A class=bi
href="#">网页教学<SPAN>Home</SPAN></A> </LI>
<LI><A class=bi
href="#">产品购买<SPAN>Products</SPAN></A> </LI>
<LI><A class=bi
href="#">服务支持<SPAN>Services</SPAN></A>
</LI>
<LI><A class=bi
href="#">技术交流<SPAN>FAQ</SPAN></A>
</LI>
<LI><A class=bi
href="#">方案案例<SPAN>E-solution</SPAN></A>
</LI>
<LI><A class=bi
href="#">关于京成<SPAN>About</SPAN></A> </LI>
<LI><A class=bi
href="#">联系我们<SPAN>Contact
Us</SPAN></A> </LI>
<LI><A class=bi
href="#">加入我们<SPAN>Join</SPAN></A>
</LI>
<LI><A class=bi
href="#">下载支持<SPAN>Download</SPAN></A>
</LI></UL></BODY></HTML>


标签:网站  代码  导航  变化  文字  
   相关评论

本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。敬请谅解!

侵权删帖/违法举报/商务合作/投稿等事物联系邮箱:1332983546@qq.com 或 QQ:1332983546

  豫ICP备17048633号-2