<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>eP~~CSS[*܃US</title> <style type="text/css"> .nav{ margin: 0; padding: 0; float: left; list-style: none; background: #222; } .nav a{ color: #ddd; display: block; padding: 0 15px; text-decoration: none; } .nav a:hover{ color: #2FAADD; } .nav .item{ margin: 0; padding: 0; float: left; height: 35px; line-height: 35px; white-space: nowrap; } .nav .item:hover{ position: relative; } .nav .item:hover>.nav{ display: block; } .nav .nav{ top: 100%; left: 0; display: none; background: #444; position: absolute; border: 1px solid #888; } .nav .nav .item{ clear: both; min-width: 100%; } .nav .nav .nav{ top: -1px; left: 100%; } .nav .nav .nav .nav .nav .nav{ left: auto; right: 100%; } </style> </head> <body> <ul class="nav"> <li class="item"><a href="#">N~[*? 1</a> <ul class="nav"> <li class="item"><a href="#">N~[*? 1</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 2</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 3</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 4</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 5</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> </ul> </li> <li class="item"><a href="#">?vN~[*? 2</a> <ul class="nav"> <li class="item"><a href="#">N~[*? 1</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 2</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">fvN~[*? 3</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#">NOv N~[*? 5</a> <ul class="nav"> <li class="item"><a href="#">V~[*? 1</a></li> <li class="item"><a href="#">υv_mvV~[*? 2</a> <ul class="nav"> <li class="item"><a href="#">υvfmvN~[*? 0</a></li> <li class="item"><a href="#">N~[*? 1</a></li> <li class="item"><a href="#">N~[*? 2</a></li> <li class="item"><a href="#">N~[*? 3</a></li> <li class="item"><a href="#">N~[*? 4</a></li> <li class="item"><a href="#"> Nb勀_]N'T</a> <ul class="nav"> <li class="item"><a href="#">b(W]</a></li> <li class="item"><a href="#">bwv(W]</a></li> <li class="item"><a href="#">b1\V?(W]</a></li> <li class="item"><a href="#">hgN3tv]}Y,T</a></li> <li class="item"><a href="#">\T\T ?Nt^SASNSǏ</a></li> <li class="item"><a href="#">Y~Y~(WT̑?</a></li> </ul> </li> </ul> </li> <li class="item"><a href="#">V~[*? 3</a></li> <li class="item"><a href="#">V~[*? 4</a></li> <li class="item"><a href="#">V~[*? 5</a></li> </ul> </li> </ul> </li> <li class="item"><a href="#">N~[*? 4</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 5</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> </ul> </li> <li class="item"><a href="#">N~[*? 3</a> <ul class="nav"> <li class="item"><a href="#">N~[*? 1</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 2</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 3</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 4</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 5</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> </ul> </li> <li class="item"><a href="#">N~[*? 4</a> <ul class="nav"> <li class="item"><a href="#">N~[*? 1</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 2</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 3</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 4</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 5</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> </ul> </li> <li class="item"><a href="#">N~[*? 5</a> <ul class="nav"> <li class="item"><a href="#">N~[*? 1</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 2</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 3</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 4</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> <li class="item"><a href="#">N~[*? 5</a> <ul class="nav"> <li class="item"><a href="#"> N~[*? 1</a></li> <li class="item"><a href="#"> N~[*? 2</a></li> <li class="item"><a href="#"> N~[*? 3</a></li> <li class="item"><a href="#"> N~[*? 4</a></li> <li class="item"><a href="#"> N~[*? 5</a></li> </ul> </li> </ul> </li> <li class="item"><a target="_blank" href="https://link.nowjava.com?target=https://nowjava.com/">eNJava RNf[`N</a></li> </ul> </body> </html>