Advertisement
Guest User

Untitled

a guest
Aug 4th, 2012
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.33 KB | None | 0 0
  1. what is the best approach to implement Tree View?
  2. <ul>
  3. <li>Level 1 a
  4. <ul>
  5. <li>Level 2 a</li>
  6. <li>Level 2 b
  7. <ul>
  8. <li>Level 3 a</li>
  9. <li>Level 3 b</li>
  10. </ul>
  11. </li>
  12. </ul>
  13. </li>
  14. <li>Level 1 b</li>
  15. </ul>
  16.  
  17. <li onClick="redicrectPage(url)">
  18.  
  19. <ul class="menu">
  20. <li><a href="#">Level 1 a</a>
  21. <ul>
  22. <li><a href="#">Level 2 a</a></li>
  23. <li><a href="#">Level 2 b</a>
  24. <ul>
  25. <li><a href="#">Level 3 a</a></li>
  26. <li><a href="#">Level 3 b</a></li>
  27. </ul>
  28. </li>
  29. </ul>
  30. </li>
  31. <li><a href="#">Level 1 b</a></li>
  32. </ul>​
  33.  
  34. * { font-family: tahoma, sans-serif; font-size: 10pt; }
  35. a { text-decoration: none; color: #fff; display: block; }
  36. ul { display: none; }
  37. ul.menu, li:hover > ul { display: block; }
  38. li > ul { position: absolute; top: 25%; left: 100%; margin-left: -1em;
  39. box-shadow: -1px 1px 1px rgba(0,0,0,0.5); z-index: 1000; }
  40. li { position: relative; padding: 0.1em 0.5em; width: 100px; background: silver;
  41. box-shadow: -1px 1px 1px rgba(0,0,0,0.5); margin: 1px 1px 0; }
  42. li:hover { background-color: #333; }
  43. li:hover > a { color: #FAFAFE; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement