2015年3月1日 星期日

jQuery - Lavalamp Menu

jQuery Lavalamp Menu需在<head></head>網頁標籤部份匯入以下js檔案：
  • jquery-2.1.0.min.js
  • lavalamp.js
其程式如下所示：
 


...
接著以<li></li>網頁標籤設定Lavalamp Menu選項則完成，其中以<li class="active">設定預設的Menu選項：
【執行結果】

當以滑鼠移至Lavalamp Menu上方時，Menu選項將以灰框顯示：
【參考資料】

[1] jQuery：http://jquery.com
[2] jQuery Lavalamp Menu Plugin：http://plugins.jquery.com/lavalamp/

© Chia-Hui Huang
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)