JS打字效果的動(dòng)態(tài)菜單

2009-11-24 導(dǎo)航菜單 ℃

<html>
<head>
<title>www</title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
 body {
 background: #222;
 overflow: hidden;
 line-height: 18px;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 }
 .node {
 margin-left: 30px;
 height: expression(0); /* IE only */
 }
 .title {
 position: relative;
 background: #fff;
 color: #000;
 cursor: pointer;
 }
 .selected {
 background: #f00;
 color: #fff;
 }
 .hover {
 background: #666;
 color: #fff;
 }
 .content {
 position: relative;
 background: #000;
 color: #fff;
 }
 .cursor {
 background: #f00;
 width: 10;
 height: 8;
 font-size: 12px;
 }
 #menu {
 visibility: hidden;
 position: absolute;
 left: 1%;
 top: 1%;
 width: 98%;
 height: 98%;
 background: #000;
 font-family: 'courier new', typewriter, matrix, monospace;
 font-size: 12px;
 overflow: hidden;
 }
 #up {
 position:absolute;
 right:0;
 top:0;
 color:#000;
 background:#fff;
 cursor:pointer;
 font-family: 'courier new', typewriter, matrix, monospace;
 font-size: 18px;
 }
 #down {
 position:absolute;
 right:0;
 bottom:0;
 color:#000;
 background:#fff;
 cursor:pointer;
 font-family: 'courier new', typewriter, matrix, monospace;
 font-size: 18px;
 }
 a {
 text-decoration: none;
 background: #888;
 color: #000;
 }
 img {
 border: none;
 }
 a:hover {
 text-decoration: none;
 background: #fff;
 color: #000;
 }
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="uvkz2h2" id="menu">
 
 **** TELETYPE MENU V1 **** 
 16K RAM SYSTEM 7892 BASIC BYTES FREE 
 READY. 
 Hello. Please select an option:
 
 
 
 You have 3 messages waiting.
 I have always worried about my size. 3 months ago I found The Extender. I could not believe the results of this device. I am back to wearing it again and I'm still getting larger! My girlfriend says it is the best product I've ever bought. 
 YOU'VE HEARD ABOUT IT YOU'VE READ ABOUT IT YOU'VE SEEN IT ON TV AND NOW IT'S FINALLY HERE! THE MOST EFFECTIVE WEIGHT-LOSS INGREDIENT EVER TO HIT THE MARKET IS NOW AVAILABLE FROM NITHRUTHON!!!! 
 Get the Finest Rulex Watch Replica! - Replicated to the Smallest Detail - 98% Perfectly Accurate Markings - perfect as a gift for your colleagues and friends - free gift box Make your order before the prices go up!!!!! 
 
 
 
 There are no items to show in this view.
 
 
 
 Yes I know, I should upgrade... <img src="80552_brd.gif">
 404 error... <img src="Foucault.gif">
 Color schemes
 <a target="_blank" ><img src="03_green.gif"></a>
 <img src="olive.gif"><img src="olive.gif">
 <img src="october2.gif">
 
 
 
 
 And why use a GUI when you can perl -e '$n=1; while ($n++) {print "\n$n" if ("p" x $n) !~ /^((p)\2+)\1+$/ and "$n" eq reverse "$n"}'?
 [an error occurred while processing this directive]
 
 
 Cogito cogito ergo cogito sum. I think that I think, therefore I think that I am.
 
 
 Computer's rule:
 My computer is always right, the human is always the problem ..
 See Rule #1
 
 
 
 -- Best viewed on my computer.
 
</div>
<div class="cd74fmc" id="up" onClick="return false;" onMouseDown="sS=50;dS=-1;return false;" onMouseUp="dS=0;return false;">·</div>
<div class="y9jzohy" id="down" onClick="return false;" onMouseDown="sS=50;dS=1;return false;" onMouseUp="dS=0;return false;">·</div>
</body>
</html>

相關(guān)特效代碼

熱門特效代碼: 三級豎向展開/收縮導(dǎo)航菜單; 鼠標(biāo)指向彈出菜單; jQuery 彈出菜單層; CSS二級下拉導(dǎo)航菜單; CSS做的垂直導(dǎo)航菜單效果; 橫向二級導(dǎo)航菜單; 仿google首頁下端圖片文字動(dòng)畫導(dǎo); 導(dǎo)航鏈接菜單間隔閃爍; 動(dòng)態(tài)翻滾的導(dǎo)航條[酷比flash]; 純CSS的三級聯(lián)動(dòng)級聯(lián)菜單

推薦特效代碼: CSS+div+js組合強(qiáng)大實(shí)現(xiàn)超酷菜單; 動(dòng)態(tài)翻滾的導(dǎo)航條[酷比flash]; CSS橫向下拉菜單; 微軟風(fēng)格的CSS橫向菜單; 立體的CSS按鈕菜單效果; 左側(cè)隱藏的菜單