Тема: jQuery Simple Tips
Показать сообщение отдельно
  #1 (permalink)  
Старый 13.01.2011, 12:39
Аватар для Владимир Новицкий
Аспирант
Отправить личное сообщение для Владимир Новицкий Посмотреть профиль Найти все сообщения от Владимир Новицкий
 
Регистрация: 20.01.2009
Сообщений: 38

jQuery Simple Tips
Есть плагин на jQuery:
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.attr('title') != ''){
			var tipTitle = ($this.attr('title'));
		}else{
			var tipTitle = ':)';
		}
		//Remove title attribute
		$this.removeAttr('title');
		
		$(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
	});
});

Реализует тултипы. Вопрос, как сделать, чтобы реагировал ещё и на alt?
Ответить с цитированием