Тема: jQuery Simple Tips
Показать сообщение отдельно
  #2 (permalink)  
Старый 13.01.2011, 12:46
Профессор
Отправить личное сообщение для Matre Посмотреть профиль Найти все сообщения от Matre
 
Регистрация: 07.01.2011
Сообщений: 582

jQuery.fn.quicktip = function(options){

	var defaults = {
		speed: 500,
		xOffset: 10,
		yOffset: 10
	};

	var options = $.extend(defaults, options);
	
	return this.each(function(){

		var $this = jQuery(this)
		
		//Pass the title to a variable and then remove it from DOM
		if (this.title||this.alt){
			var tipTitle = this.title||this.alt;
		}else{
			var tipTitle = ':)';
		}
		//Remove title attribute
		$this.removeAttr('title').removeAttr('alt');
		
		$(this).hover(function(e){
			$(this).css('cursor', 'pointer')
            $("body").append("<div id='tooltip'>" + tipTitle + "</div>");
			
            $("#tooltip")
			
		.css("top", (e.pageY + defaults.xOffset) + "px")
	            .css("left", (e.pageX + defaults.yOffset) + "px")
	            .fadeIn(options.speed);
				
			}, function() {
				//Remove the tooltip from the DOM
				$("#tooltip").remove();
			});
			
		$(this).mousemove(function(e) {
			$("#tooltip")
			.css("top", (e.pageY + defaults.xOffset) + "px")
			.css("left", (e.pageX + defaults.yOffset) + "px");
		});

	});
	
};


$(document).ready(function(){
	$('a, img').quicktip({
	speed:700
	});
});
Ответить с цитированием