images.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
  5. <title>jQuery treeview</title>
  6. <link rel="stylesheet" href="../jquery.treeview.css" />
  7. <link rel="stylesheet" href="../red-treeview.css" />
  8. <link rel="stylesheet" href="screen.css" />
  9. <script src="../lib/jquery.js" type="text/javascript"></script>
  10. <script src="../lib/jquery.cookie.js" type="text/javascript"></script>
  11. <script src="../jquery.treeview.js" type="text/javascript"></script>
  12. <script type="text/javascript">
  13. $(function() {
  14. $("#browser").treeview();
  15. });
  16. </script>
  17. </head>
  18. <body>
  19. <h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery Treeview Plugin</a> Demo</h1>
  20. <div id="main">
  21. <h4>Sample 1 - default</h4>
  22. <ul id="browser" class="filetree">
  23. <li><img src="../images/folder.gif" /> 123</span>
  24. <ul>
  25. <li>blabla <img src="../images/file.gif" /></li>
  26. </ul>
  27. </li>
  28. <li><img src="../images/folder.gif" />
  29. <ul>
  30. <li><img src="../images/folder.gif" />
  31. <ul id="folder21">
  32. <li><img src="../images/file.gif" /> more text</li>
  33. <li>and here, too<img src="../images/file.gif" /></li>
  34. </ul>
  35. </li>
  36. <li><img src="../images/file.gif" /></li>
  37. </ul>
  38. </li>
  39. <li class="closed">this is closed! <img src="../images/folder.gif" />
  40. <ul>
  41. <li><img src="../images/file.gif" /></li>
  42. </ul>
  43. </li>
  44. <li><img src="../images/file.gif" /></li>
  45. </ul>
  46. </div>
  47. </body></html>