XQ-Tools - jQuery Plugin Compilation

Upload Progress Layer Category Tree Request Link Cookie     Download Lizenz

XQ-Tools CategoryTree Plugin in Aktion

Neue Kategorie

davor danach
Kategorie Unterkategorie


  • Index
  • Akonda
  • XQ-Tools
    • Upload
    • Progress
    • Layer
    • Category Tree
    • Request Link
  • Support
  • Contact

 

XQ-Tools CategoryTree Plugin einbinden

Javascript:
$(function() { $('.myTree').xqCategoryTree({ }); });


CSS:
#xqCategoryTree, #xqCategoryTree ul { list-style-type: none; padding-left: 20px; } #xqCategoryTree span { width: 100px; display: block; padding: 0 3px; } #xqCategoryTree span:hover { background-color: #333; text-shadow: 1px 1px 1px #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #xqCategoryTree span.active { background-color: orangered; text-shadow: 1px 1px 1px #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


HTML:
<ul id="xqCategoryTree"> <li>Index</li> <li>Akonda</li> <li>XQ-Tools <ul> <li>Upload</li> <li>Progress</li> <li>Layer</li> <li class="active">Category Tree</li> <li>Request Link</li> </ul> </li> <li>Support</li> <li>Contact</li> </ul>