<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery UI 測試</title> <script src="jquery.min.js"></script> <script src="jquery-ui.min.js"></script> <link id="theme" href="themes/hot-sneaks/jquery-ui.min.css" rel="stylesheet"> <style> body { font-family: 微軟正黑體, Arial, Helvetica, sans-serif; font-size:12px; } .ui-menu {width: 100px;} </style> </head> <body> <ul id="books"> <li>網路書店 <ul> <li>博客來</li> <li>金石堂</li> <li>誠品</li> </ul> </li> <li>圖書館 <ul> <li>高科大</li> <li>高雄市圖</li> </ul> </li> </ul> <script> $(document).ready(function(){ $("#books").menu(); }); </script> </body> </html>