.js dari JQuery UI diantaranya jquery.js, jquery-ui.js dan style dari JQuery UI yaitu jquery-ui.css. File tersebut bisa didapatkan dengan cara mendownload atau dengan cara langsung ngelink ke situs JQuery.Berikut sample pembuatan tab dengan menggunakan file
.js dan style yang ngelink ke situs JQuery,<html lang="en"><head> <meta charset="utf-8"> <title>Tab dengan jQuery UI</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script> <script> $(function() { $("#tabs").tabs(); }); </script></head><body> <div id="tabs"> <ul> <li><a href="#tabs-1">Tab 1</a></li> <li><a href="#tabs-2">Tab 2</a></li> <li><a href="#tabs-3">Tab 3</a></li> </ul> <div id="tabs-1"> <p>Isi dari tab pertama</p> </div> <div id="tabs-2"> <p>Isi dari tab kedua.</p> </div> <div id="tabs-3"> <p>Isi dari tab ketiga.</p> </div></div></body></html> Untuk lebih jelas bisa dilihat pada sample di link Sample Pembuatan Tab
No comments:
Post a Comment