web開發(fā)中如何實(shí)現(xiàn)浮動(dòng)菜單

發(fā)布時(shí)間：2021-10-12 15:16:10 來源：億速云閱讀：166 作者：小新欄目：移動(dòng)開發(fā)

這篇文章主要介紹了web開發(fā)中如何實(shí)現(xiàn)浮動(dòng)菜單，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

代碼還可進(jìn)一步精簡(jiǎn)，時(shí)間關(guān)系，這里先發(fā)上來大家再優(yōu)化吧，菜單項(xiàng)自己再添一些。

<html>
<head>
<title>浮動(dòng)菜單</title>
<style>
BODY {
FONT-SIZE: 9pt; COLOR: #333333
}
DIV {
FONT-SIZE: 9pt; COLOR: #333333
}
TD {
FONT-SIZE: 9pt; COLOR: #333333
}
A:link {
FONT-SIZE: 9pt; COLOR: #3366cc; LINE-HEIGHT: 13pt; TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 9pt; COLOR: #3366cc; TEXT-DECORATION: none
}
A:active {
FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
COLOR: #0000ff; TEXT-DECORATION: none
}
</style>
<SCRIPT>var sRepeat=null;function doScrollerIE(dir, src, amount) { if (amount==null) {amount=10} if (dir=="up") {document.all[src].scrollTop-=amount} else {document.all[src].scrollTop+=amount} if (sRepeat==null) {sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)} return false}window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");window.document.ondragstart = new Function("return false");function msover(){{event.srcElement.style.color="000099";event.srcElement.style.backgroundColor="99ccff";event.srcElement.style.cursor = "hand";}}function msout(){{event.srcElement.style.color="";event.srcElement.style.backgroundColor="";event.srcElement.style.cursor = "auto";}}function markover(){{event.srcElement.style.color="990000";event.srcElement.style.cursor = "hand";}}function markout(){{event.srcElement.style.color="000000";event.srcElement.style.cursor = "auto";}}function toggle( targetId ){{target = document.all( targetId );if (target.style.display == "none"){target.style.display = "";} else {target.style.display = "none";}}}</SCRIPT>
</head>
<body>
<table border=0>
<TR><TD onMouseOver="this.style.backgroundColor = '990000';" onMouseOut="this.style.backgroundColor = '000099';" align=right BGCOLOR=#000099><A CLASS=scroll ONMOUSEOVER="return doScrollerIE('up','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><font color=white>向下滾動(dòng)</A></TD></TR>
<TR><TD BGCOLOR=99ccff><DIV ID=s1 CLASS=sc1 STYLE="width: 121; height: 125; overflow: hidden; background: #99ccff;">
<A CLASS=scr HREF="">天方夜潭</A><BR>
<A CLASS=scr HREF="">紅樓夢(mèng)</A><BR>
<A CLASS=scr HREF="">水滸傳</A><BR>
<A CLASS=scr HREF="">仲夏夜</A><BR>
<A CLASS=scr HREF="">聊天室ver2.3</A><BR>
<A CLASS=scr HREF="">江水灘</A><BR>
<A CLASS=scr HREF="">麻煩了</A><BR>
<A CLASS=scr HREF="">新中國(guó)</A><BR>
<A CLASS=scr HREF="">攤上大事兒</A><BR>
<A CLASS=scr HREF="">京東花園</A><BR>
<A CLASS=scr HREF="">天堂</A><BR>
<A CLASS=scr HREF="">HTML5</A><BR>
<A CLASS=scr HREF="">明月星空</A><BR>
<A CLASS=scr HREF="">白酒品牌</A><BR>
<A CLASS=scr HREF="">中華武術(shù)</A><BR>
</DIV></TD></TR>
<TR><TD align=right onMouseOver="this.style.backgroundColor = '990000';" onMouseOut="this.style.backgroundColor = '000099';" BGCOLOR=#000099><A CLASS=scroll ONMOUSEOVER="return doScrollerIE('down','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><font color=white>向上滾動(dòng)</A></TD></TR> </table>
</body>
</html>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“web開發(fā)中如何實(shí)現(xiàn)浮動(dòng)菜單”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

web開發(fā)中如何實(shí)現(xiàn)浮動(dòng)菜單

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽