標題：可設定不同內容的連結氣球 (JavaScript「mouseinfobox plugin for jQuery」)
出處：A.PAO designSTUDIO BLOG
時間：Sun, 09 Oct 2011 12:50:47 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/823/

內容：

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1238


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同時使用時，會無法動作。



Generated by Bo-blog 2.1.1 Release