Тема: Интересные коды в HTML-PHP
ramzes [Off] [#] (22.03.2012 / 21:47) Крайне позитивный раздолбай |
//JQuery Quick Tip //Author: Owain Lewis //Author URL: www.Owainlewis.com jQuery.fn.quicktip = function(options){ var defaults = { speed: 500, xOffset: 10, yOffset: 10 }; var options = $.extend(defaults, options); 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 = 'Click This'; } //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"); }); }); };
замена атрибута title всплывающей подсказкой со своим оформлением
нужен jquery