글 수 '48'
| <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us"> <head> <title>jQuery Collapsible Sidebar Menu</title> <script src="http://jquery.com/src/jquery.js"></script> <script> $(document).ready(function(){ $("dd:not(:first)").hide(); $("dt a").click(function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); return false; }); }); </script> <style> body {font-family: Arial; font-size: 12px;} dl {width:200px;} dl,dd {margin:0;} dt {background: #000; font-size: 12px; font-weight:bold; padding: 5px; margin: 2px;} dt a {color: #fff; text-decoration:none;} dt a:hover {color: #f6600; text-decoration:underline;} dd a {color: #000; text-decoration:none;} dd a:hover {color: #999; text-decoration:underline;} ul { list-style: none; padding: 5px;} </style> </head> <body> <dl> <dt><a href="#">jQuery</a></dt> <dd> <ul> <li><a href="#">Download</a></li> <li><a href="#">Documentation</a></li> <li><a href="#">Blog</a></li> </ul> </dd> <dt><a href="#/">Community</a></dt> <dd> <ul> <li><a href="#">Mailing List</a></li> <li><a href="#">Tutorials</a></li> <li><a href="#">Demos</a></li> <li><a href="#">Plugins</a></li> </ul> </dd> <dt><a href="#">Development</a></dt> <dd> <ul> <li><a href="#">Source Code</a></li> <li><a href="#">Bug Tracking</a></li> <li><a href="#">Recent Changes</a></li> </ul> </dd> </dl> </body> </html> |
Copyrights 2010 ,WebMake.ca . All rights reserved