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

2019年6月5日 0条评论热度：1327 字号：大 | 中 | 小

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

如果你觉得雨滴资源网对你有帮助的话,可以小小的打赏一下小站,用于维持本站的运营！

以下为全部代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0023)https://www.yudzy.com/ -->
<HTML xmlns="https://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>

Plugins by 雨滴资源网

赞 (0) 打赏分享