JS打字效果的动态菜单

2009-11-24 导航菜单 ℃

<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 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" href="http://www.dhteumeuleu.com"><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 id="up" onClick="return false;" onMouseDown="sS=50;dS=-1;return false;" onMouseUp="dS=0;return false;">·</div>
<div id="down" onClick="return false;" onMouseDown="sS=50;dS=1;return false;" onMouseUp="dS=0;return false;">·</div>
</body>
</html>

相关特效代码

热门特效代码: 三级竖向展开/收缩导航菜单; 鼠标指向弹出菜单; jQuery 弹出菜单层; CSS二级下拉导航菜单; CSS做的垂直导航菜单效果; 横向二级导航菜单; 仿google首页下端图片文字动画导; 导航链接菜单间隔闪烁; 动态翻滚的导航条[酷比flash]; 纯CSS的三级联动级联菜单

推荐特效代码: CSS+div+js组合强大实现超酷菜单; 动态翻滚的导航条[酷比flash]; CSS横向下拉菜单; 微软风格的CSS横向菜单; 立体的CSS按钮菜单效果; 左侧隐藏的菜单