1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
;(function($) {
$.fn.tooltip = function(options) {
var opts = $.extend({}, $.fn.tooltip.defaults, options);
if ($('#tooltip').length == 0) {
$('body').prepend('<div id="tooltip"></div>')
}
var $tooltip = $('#tooltip')
return this.each(function() {
var $this = $(this);
var title = $this.attr('title')
if(title != undefined && title != '') {
$this.mousemove(function(e) {
$this.removeAttr('title')
$tooltip.html(title)
if(opts.position=='bottom left'){
var top = e.clientY +10
var left = e.clientX - $tooltip.width()-20;
} else {
var top = e.clientY
var left = e.clientX + 20
}
$tooltip
.css('top', top)
.css('left',left)
if (opts.fadeIn) {
$tooltip.stop().fadeTo(opts.fadeInSpeed,1)
} else {
$tooltip.show()
}
}).mouseout(function() {
if (opts.fadeOut) {
$tooltip.stop().fadeTo(opts.fadeOutSpeed,0,function(){$tooltip.hide()})
} else {
$tooltip.hide()
}
$this.attr('title',title)
});
}
});
};
$.fn.tooltip.defaults = {
position:'bottom right',
fadeIn:false,
fadeOut:false,
fadeInSpeed:200,
fadeOutSpeed:200,
};
})(jQuery); |