jQuery Gooey Menu, tab menu dengan efek css yang dapat menciptakan latar belakang melekat dan lengket seperti Gel yang berjalan. Efek dapat bergerak mengikuti gerakan cursor saat memilih suatu item menu dan efek Gel pun bergerak menuju item menu terpilih yang sedang aktif.







Cara Memasang jQuery Gooey Menu

Langkah pertama:
Dowload kode CSS dan Javascript berikut ini, kemudian letakan diatas kode </head>
gooeymenu.css
gooeymenu.js
Untuk memasangnya jangan lupa memberikan tag dan , contohnya seperti ini:

Untuk memasang kode Css:<br /> <style type='text/css'> <!---gooeymenu.css---> </style><br /> <br /> Untuk memasang kode Js:<br /> <script type='text/javascript'> //<![CDATA[ <!---gooeymenu.js---> //]]></script>


Atau terlebih dahulu anda dapat meng-upload kode css dan Js tersebut ke Hosting File, hingga hasilnya akan seperti ini:
<link href='https://sites.google.com/site/archivesiugi/javascr/gooeymenu.css' rel='stylesheet' type='text/css'/><br /> <br /> <script src='https://sites.google.com/site/archivesiugi/javascr/gooeymenu.js' type='text/javascript'/> </head>


Keterangan:
Letakan kedua script tersebut tepat diatas kode , Contoh lihat diatas.

Langkah Kedua:
Gunakan contoh script menu berikut untuk membuat jQuery Gooey Menu

<ul id="gooeymenu2" class="gelbuttonmenu"><li><a href="http://www.dynamicdrive.com/">Home</a></li> <li><a href="http://www.dynamicdrive.com/style/">CSS Codes</a></li> <li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> <li><a href="http://tools.dynamicdrive.com">Tools</a></li> <li><a href="http://www.javascriptkit.com/" class="selected">JavaScript</a></li> <li><a href="http://www.cssdrive.com">CSS Gallery</a></li> </ul><br /> <script> gooeymenu.setup({id:'gooeymenu2', selectitem:1, fx:'swing'}) </script>


selesai.....