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

jquery plugin - Tipsy

發佈: 04-14-2011

分類: 網頁設計

Tipsy是一個jquery 的plugin,它讓你可以加個細小而又好看的tooltips在你選擇的element上。你可以定好方去,當hover的時候,它便會顯示一支小旗子。這工具可以用來指示用戶,比如說當一個textfield focus了,就在旁邊作解說。

在一些支持css3的browser如IE9,chrome或Firefox,它還可以做出圓角round corner的效果。

如何使用

先把一個element加上你的解說(如title='hi')

  Hello World 
  

然後就可以call tipsy(),如下

 $('#item").tipsy();

注意:你應該避免那個tooltip向下浮出,因為這個tip太小,經常會跟cursor重疊

Download: jquery plugin - Tipsy
Demo: http://onehackoranother.com/projects/jquery/tipsy/

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