October 9, 2011
點擊在新視窗中瀏覽此圖片

Mouseinfobox plugin for jQuery下載相關檔案
<link rel="stylesheet" href="jquery.mouseinfobox.css" media="all" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.mouseinfobox.js"></script>
<script>
$(function(){
  $('.class名').infoBox({
    animation: ['opacity', 'bottom'], //動畫 透過與位置
    animDuration 200, //動畫速度
    offsetX: 20, //x位置
    offsetY: -20, //y位置
    bottomPos: true, //從bottom顯示
    rightPos: false //從right顯示
  });
});
</script>
以及在class名上顯示的內容於title上記述。
<div class="class名" title="ツールチップテキスト">テキスト</div>


下載相關檔案
這個檔案只能在登入之後下載。請先 註冊登入


備註:與mootools同時使用時,會無法動作。
Facebook twitter LINEk
0 Comment(s)
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我