Home 主頁 Service 服務計畫 Android App 手機程式 Expertise 專業領域 Blog 博客 Download 下載 FAQ 網頁製作常見問題 Support 支援 Links 友情連結 Contact Us 聯絡我們

jquery plugin - MyFacebookStyleSidebar

發佈: 06-03-2011

分類: Open Source jquery plugins 開源插件

這jquery plugin可以幫助你快速加上一個類似facebook的sidebar menu。這plugin主要分為兩部份,一是左邊的sidebar,二是右邊顯示內容的的div。你可以通過多種方式載入網頁內容,包括ajax、iframe和全頁打開。由於browser會限制cross domain ajax call,因此使用ajax方式只可以載入同一domain的網頁內容,如是外部網頁,你可以使用其他的方式,如iframe。

在等待的過程中,這plugin也會像facebook一樣顯示出loading的gif,使用戶知道正在載入中。選定和hover的menu item,也會有不同顏色的highlight。現在很多人也是facebook的使用者,這可以令他們更容易使用你的網站。 這plugin也支持自動找出第一個可以顯示的iframe或ajax網頁做初始化。如果你想要更多的功能,請自行更改,謝謝!請先看看demo。

由於這用法比較多,請必須看英文版的demo,那裡會有更詳細的說明。

Download: jquery.MyCnnStyleMenu.js

Demo: MyFacebookStyleSidebar

License: MIT License

作者: KF Software House

Html code:


jQuery Code:

$(function(){
  $("#MyFacebookStyleSidebar li").MyFacebookStyleSidebar({
    displayDivId: "mainContent",
	pageMinHeight:700,
	bInitPage:true
  });
});

//OR just
$(function(){
  $("#MyFacebookStyleSidebar li").MyFacebookStyleSidebar();
});
訪客: Copyright ©2011 KF Software House 版權所有 | 網站地圖