/* Jquery 鼠标跟随提示层。
* 创建人：fooo
* 创建日期：09-09-23
* 修改人：
* 修改日期：
* 本地字符提示示例：<span title="标题|<%=Str()%>"><a href="#" >我们的</a></span>
* Ajax异步调用文件且提示示例：<ol><li><a class="jt" href="#" title="评分项目明细" rel="HandlerAjax.ashx?Name=<%=Security.EncryptQueryString("我们的我我我人大")%>" >clueTip - Ajax异步提示1</a> </li></ol>
*
* 改变提示层宽度大小，只需在调用页加入： $.fn.cluetip.defaults.width = '100'; -根据大小调整。
*/
// $.fn.cluetip.defaults.tracking = true;
// $.fn.cluetip.defaults.width = 'auto';
$(document).ready(function()
{
//default theme
$('a.title').cluetip({splitTitle: '|'});
$('a.basic').cluetip();
$('a.custom-width').cluetip({width: '200px', showTitle: false});
$('h4').cluetip({attribute: 'id', hoverClass: 'highlight'});
$('#sticky').cluetip({sticky: true, jQuery實作滑鼠跟隨提示層效果碼(可顯示文字,Div,Table,Html等)_jqueryPosition: 'title', arrows: true });
$('#examples a:eq(5)').cluetip({
hoverClass: 'highlight',
sticky: true,
jQuery實作滑鼠跟隨提示層效果碼(可顯示文字,Div,Table,Html等)_jqueryPosition: 'bottom',
jQuery實作滑鼠跟隨提示層效果碼(可顯示文字,Div,Table,Html等)_jqueryText: '<img src="../img_new/cluetipcross.png" alt="jQuery實作滑鼠跟隨提示層效果碼(可顯示文字,Div,Table,Html等)_jquery" style="max-width:90%" style="max-width:90%" />',
truncate: 60
});
$('a.load-local').cluetip({local:true, hideLocal: true, sticky: true, arrows: true, cursor: 'pointer'});
$('#clickme').cluetip({activation: 'click', sticky: true, width: 250});
$('ol:first a:last').cluetip({tracking: true});
//jTip theme
$('a.jt:eq(0)').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
sticky: true,
mouseOutClose: true,
jQuery實作滑鼠跟隨提示層效果碼(可顯示文字,Div,Table,Html等)_jqueryPosition: 'title',
jQuery實作滑鼠跟隨提示層效果碼(可顯示文字,Div,Table,Html等)_jqueryText: '<img src="../img_new/cluetipcross.png" alt="jQuery實作滑鼠跟隨提示層效果碼(可顯示文字,Div,Table,Html等)_jquery" />'
});
$('a.jt:eq(1)').cluetip({cluetipClass: 'jtip', arrows: true, dropShadow: false, hoverIntent: false});
$('span[title]').css({borderBottom: '0px solid #900'}).cluetip({splitTitle: '|', arrows: true, dropShadow: false, cluetipClass: 'jtip'});
$('a.jt:eq(2)').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
height: '150px',
sticky: true,
positionBy: 'bottomTop'
});
$('a.jt:eq(3)').cluetip({local: true, hideLocal: false});
$('a.jt:eq(4)').cluetip({
cluetipClass: 'jtip', arrows: true,
dropShadow: false,
onActivate: function(e) {
var cb = $('#cb')[0];
return !cb || cb.checked;
}
});
// Rounded Corner theme
$('ol.rounded a:eq(0)').cluetip({splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showtitle: false});
$('ol.rounded a:eq(1)').cluetip({cluetipClass: 'rounded', dropShadow: false, showtitle: false, positionBy: 'mouse'});
$('ol.rounded a:eq(2)').cluetip({cluetipClass: 'rounded', dropShadow: false, showtitle: false, positionBy: 'bottomTop', topOffset: 70});
$('ol.rounded a:eq(3)').cluetip({cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false, arrows: true});
$('ol.rounded a:eq(4)').cluetip({cluetipClass: 'rounded', dropShadow: false});
});
登入後複製
