/* Jquery 鼠标跟随提示层。 * 创建人：fooo * 创建日期：09-09-23 * 修改人： * 修改日期： * 本地字符提示示例：<span title="标题|<%=Str()%>"><a href="#" >我们的</a></span> * Ajax异步调用文件且提示示例：<ol><li><a href="#" title="评分项目明细"我们的我我我人大")%>" >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, closePosition: 'title', arrows: true }); $('#examples a:eq(5)').cluetip({ hoverClass: 'highlight', sticky: true, closePosition: 'bottom', closeText: '<img src="https://www.jb51.net/img_new/cluetipcross.png" alt="close" />', 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, closePosition: 'title', closeText: '<img src="https://www.jb51.net/img_new/cluetipcross.png" alt="close" />' }); $('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}); });
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery日期与时间操作技巧总结》、《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》