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

jquery plugin - MyGoogleStyleFloatingMenu

發佈: 08-02-2011

分類: Open Source jquery plugins 開源插件

這plugin可以幫助你把sidebar或menu浮在一地方。如果你有到訪http://news.google.com(US英文版,中文版現在還沒有這功能),也許你會留意到,當你拉下scrollbar的時候,左邊的sidebar/menu總是會浮動在可見的地方,當你拉回到最高的時候,sidebar/menu又會回到原來位置。這plugin就是做這個浮動的功能。如果還不明白,請看一下demo。

我們較早前推出的MyFacebookStyleSidebar,反應十分不俗。這plugin是可以跟MyFacebookStyleSidebar一起使用的(請使用MyFacebookStyleSidebar v0.6)。這可使網頁支持facebook的layout,又支持google news的浮動menu。

請注意,如果你是用MyFacebookStyleSidebar v0.5的話,你要更新到MyFacebookStyleSidebar v0.6,而且html markup也會有一點改動。如果你沒有用過v0.5,你大可不必理會,直接跟demo的markup就行。

Download: jquery.MyFacebookStyleSidebar.js

Demo: MyGoogleStyleFloatingMenu

License: MIT License

作者: KF Software House

jQuery Code:


 

jQuery Code:


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

//2. MyGoogleStyleFloatingMenu
$("#MyFacebookStyleSidebar").MyGoogleStyleFloatingMenu();

訪客: Copyright ©2011 KF Software House 版權所有 | 網站地圖