萬盛學電腦網 >> 網絡編程 >> 安卓開發 >> 可拖動的顯隱導航菜單html5代碼
可拖動的顯隱導航菜單html5代碼
HTML5和Canvas 2D規范的制定已經完成，盡管還不能算是W3C標准，但是這些規范已經功能完整，企業和開發人員有了一個穩定的執行和規劃目標。下面我們給大家介紹一下導航菜單html5代碼吧!
<html>
<head>
<meta http<fp class='fp-w0kv6'></fp>equiv="Content<fp class='fp-drl5y'></fp>Type" content="text/html; charset=gb<fp class='fp-2plxf'></fp><fp class='fp-wccxp'></fp><fp class='fp-114u9'></fp><fp class='fp-89j0r'></fp>">
<title>網頁特效<fp class='fp-cfw5a'></fp>可以拖動的顯隱導航菜單</title>
<style>
body<fp class='fp-hyyah'></fp>td<fp class='fp-0v5x7'></fp>a {font<fp class='fp-52f0w'></fp>size:<fp class='fp-kybiz'></fp>pt;color:black}
<fp class='fp-tcyp7'></fp>none{border:black <fp class='fp-5py4x'></fp>px solid;background:D<fp class='fp-kybiz'></fp>D<fp class='fp-kybiz'></fp>D<fp class='fp-1ud2w'></fp>;padding<fp class='fp-52f0w'></fp>top:<fp class='fp-2plxf'></fp>}
<fp class='fp-2etvw'></fp>over {border:black <fp class='fp-5py4x'></fp>px solid;background:<fp class='fp-98s5f'></fp><fp class='fp-q5tpc'></fp><fp class='fp-scqki'></fp><fp class='fp-hffgm'></fp><fp class='fp-alg53'></fp><fp class='fp-c343s'></fp>;color:white;padding<fp class='fp-w0kv6'></fp>top:<fp class='fp-t06no'></fp>}
</style>
</head>
<body onmousemove="move()">
<div style="position:absolute; left: <fp class='fp-5py4x'></fp><fp class='fp-1elq8'></fp><fp class='fp-4eyyq'></fp>; top: <fp class='fp-5py4x'></fp><fp class='fp-1elq8'></fp><fp class='fp-1elq8'></fp>; width: <fp class='fp-cwdaf'></fp>; height: <fp class='fp-114u9'></fp>;cursor: hand" ID=plane onmousedown="down=true;divleft=event<fp class='fp-2etvw'></fp>clientX<fp class='fp-drl5y'></fp>parseInt(plane<fp class='fp-tcyp7'></fp>style<fp class='fp-tcyp7'></fp>left);divtop=event<fp class='fp-tcyp7'></fp>clientY<fp class='fp-drl5y'></fp>parseInt(plane<fp class='fp-tcyp7'></fp>style<fp class='fp-tcyp7'></fp>top)"onmouseup="down=false">
<div align=center style="position:absolute; left:<fp class='fp-cwdaf'></fp><fp class='fp-xvrpp'></fp><fp class='fp-4eyyq'></fp>px; top:<fp class='fp-oh5ii'></fp><fp class='fp-x7js8'></fp>px; width:<fp class='fp-5py4x'></fp><fp class='fp-4eyyq'></fp><fp class='fp-1elq8'></fp>px; height:<fp class='fp-cwdaf'></fp><fp class='fp-kybiz'></fp>px; z<fp class='fp-w0kv6'></fp>index:<fp class='fp-114u9'></fp>;color:white;background:<fp class='fp-98s5f'></fp><fp class='fp-3qivk'></fp><fp class='fp-imecn'></fp><fp class='fp-yj8sv'></fp><fp class='fp-hffgm'></fp><fp class='fp-alg53'></fp>;cursor:move"onmouseover=<fp class='fp-r01kv'></fp>stopTimerline();menuItemIn()<fp class='fp-ertam'></fp> onmouseout=<fp class='fp-7wv03'></fp>runTimerline()<fp class='fp-7wv03'></fp> class="none">可拖動的菜單</div>
<div align=center id="item<fp class='fp-cwdaf'></fp><fp class='fp-0dor3'></fp>" style="position:absolute; left:<fp class='fp-xvrpp'></fp><fp class='fp-1elq8'></fp>px; top:<fp class='fp-xvrpp'></fp><fp class='fp-soin1'></fp>px; width:<fp class='fp-1jl0d'></fp><fp class='fp-1ud2w'></fp>px; height:<fp class='fp-0dor3'></fp><fp class='fp-1jl0d'></fp>px; z<fp class='fp-drl5y'></fp>index:<fp class='fp-f3iaa'></fp>; filter:alpha(opacity=<fp class='fp-3qivk'></fp>)" onmouseover="this<fp class='fp-bwgca'></fp>className=<fp class='fp-r01kv'></fp>over<fp class='fp-ertam'></fp>;stopTimerline()"
onmouseout="this<fp class='fp-bwgca'></fp>className=<fp class='fp-7wv03'></fp>none<fp class='fp-r01kv'></fp>;runTimerline()" class="none"
>菜單項一</div>
<div align=center id="item<fp class='fp-5py4x'></fp><fp class='fp-89j0r'></fp>" style="position:absolute; left:<fp class='fp-89j0r'></fp><fp class='fp-uonqu'></fp><fp class='fp-3qivk'></fp>px; top:<fp class='fp-98s5f'></fp><fp class='fp-imecn'></fp>px; width:<fp class='fp-1ud2w'></fp><fp class='fp-3d1zl'></fp>px; height:<fp class='fp-cwdaf'></fp><fp class='fp-kybiz'></fp>px; z<fp class='fp-cfw5a'></fp>index:<fp class='fp-w7bnj'></fp>;filter:alpha(opacity=<fp class='fp-1elq8'></fp>)"
class=none onmouseover="this<fp class='fp-bwgca'></fp>className=<fp class='fp-7wv03'></fp>over<fp class='fp-ertam'></fp>;stopTimerline()"
onmouseout="this<fp class='fp-bwgca'></fp>className=<fp class='fp-7wv03'></fp>none<fp class='fp-7wv03'></fp>;runTimerline()">菜單項二</div> <div align=center id="item<fp class='fp-5py4x'></fp><fp class='fp-wccxp'></fp>" style="position:absolute; left:<fp class='fp-xvrpp'></fp><fp class='fp-1elq8'></fp>px; top:<fp class='fp-1ud2w'></fp><fp class='fp-kybiz'></fp>px; width:<fp class='fp-3d1zl'></fp><fp class='fp-1jl0d'></fp>px; height:<fp class='fp-0dor3'></fp><fp class='fp-kybiz'></fp>px; z<fp class='fp-cfw5a'></fp>index:<fp class='fp-c85dx'></fp>; filter:alpha(opacity=<fp class='fp-3qivk'></fp>)"
class=none onmouseover="this<fp class='fp-bwgca'></fp>className=<fp class='fp-r01kv'></fp>over<fp class='fp-qckhp'></fp>;stopTimerline()"
onmouseout="this<fp class='fp-2etvw'></fp>className=<fp class='fp-r01kv'></fp>none<fp class='fp-qckhp'></fp>;runTimerline()">菜單項三</div>
<div align=center id="item<fp class='fp-5py4x'></fp><fp class='fp-ltjci'></fp>" style="position:absolute; left:<fp class='fp-89j0r'></fp><fp class='fp-xvrpp'></fp><fp class='fp-1elq8'></fp>px; top:<fp class='fp-5py4x'></fp><fp class='fp-89j0r'></fp><fp class='fp-0dor3'></fp>px; width:<fp class='fp-3d1zl'></fp><fp class='fp-kybiz'></fp>px; height:<fp class='fp-114u9'></fp><fp class='fp-1jl0d'></fp>px; z<fp class='fp-w0kv6'></fp>index:<fp class='fp-soin1'></fp>;filter:alpha(opacity=<fp class='fp-4eyyq'></fp>)"
class=none onmouseover="this<fp class='fp-2etvw'></fp>className=<fp class='fp-qckhp'></fp>over<fp class='fp-r01kv'></fp>;stopTimerline()"
onmouseout="this<fp class='fp-tcyp7'></fp>className=<fp class='fp-r01kv'></fp>none<fp class='fp-7wv03'></fp>;runTim
