(function($){ $.fn.aqTip = function(html,options) { var opts = $.extend({}, $.fn.aqTip.defaults, options); return this.each(function() { var $obj = $(this); $('
<\/div>').appendTo($obj); var $layer = $('.aqTip',$obj); $layer.css({ display: 'none', position: 'absolute' }).css(opts.css); if (jQuery.isFunction(html)) html($layer); else $layer.html(html); var p = $obj.position(); var ow = $obj.width() > $layer.width() ? $obj.width() : $layer.width(); var x = p.left + ow + opts.marginX; if (x > document.body.clientWidth) x = p.left - ow - opts.marginX; $layer.css({ left: x+'px', top: p.top+opts.marginY+'px' }); $obj.hover(function(){$layer.show()}, function(){$layer.hide()}); }); }; $.fn.aqTipOne = function(html,options) { var opts = $.extend({}, $.fn.aqTip.defaults, options); return this.each(function() { if (!$('#aqTip').length) { $('
<\/div>').appendTo(document.body); $('#aqTip').css({ display: 'none', position: 'absolute' }) .css(opts.css); } var $obj = $(this); if (html) { $('#aqTip').html(html); var p = $obj.position(); var ow = $obj.width() > $('#aqTip').width() ? $obj.width():$('#aqTip').width(); var x = p.left + ow + opts.marginX; if (x > document.body.clientWidth) x = p.left - ow - opts.marginX; $('#aqTip').show() .css({ left: x+'px', top: p.top+opts.marginY+'px' }) } else $('#aqTip:visible').hide() return false; }); }; $.fn.aqTip.defaults = { marginX: -171, marginY: 83, css: { backgroundColor: '#fff', color: '#444', border: '1px solid #ddd', padding: '5px 10px 5px 5px', fontFamily: 'Arial, Helvetica, sans-serif', zIndex: '50', fontSize: '0.7em', lineHeight: '1.3em', position: 'absolute', height: '58px'} }; })(jQuery);