JS打字效果的动态菜单代码分享

这是一款基于javascript实现的打字效果的动态菜单特效代码，分享给大家学习学习。

运行效果图：----------------------查看效果-----------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。
为大家分享的JS打字效果的动态菜单代码如下

 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); 
 }
 .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;
 }







 
    **** 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... 
 404 error... 
 Color schemes
  
  
  
 
 
 
 
  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.
 

·
·

以上就是为大家分享的JS打字效果的动态菜单代码，希望大家可以喜欢。