Свой стиль для подсказок на CSS и jQuery

<link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script src="jquery.style-my-tooltips.js" type="text/javascript"></script>
<script>
$().ready(function() {
    $("[title]").style_my_tooltips({
        tip_follows_cursor: "on", //on/off
        tip_delay_time: 1000 //milliseconds
    });
});
</script>

#s-m-t-tooltip {
   position:fixed; 
   max-width:300px;  
   padding:8px; 
   background-color:#161616;
   /* градиентная заливка */
   background: -moz-linear-gradient(top, rgba(22, 22, 22, 0.8) 0%, rgba(51, 51, 51, 0.8) 100%);
   background: -webkit-linear-gradient(top, rgba(22, 22, 22, 0.8) 0%,rgba(51, 51, 51, 0.8) 100%);
   background: linear-gradient(top, rgba(22, 22, 22, 0.8) 0%,rgba(51, 51, 51, 0.8) 100%); 
   z-index:10; 
   display:inline-block; /*important*/
   /* шрифт */
   font-family:Verdana, Geneva, sans-serif; 
   font-size:12px; /* размер шрифта */
   line-height:16px; /* высота строки */
   color:#fff; 
   /*css3 закругленные углы*/
   -moz-border-radius:5px; 
   -khtml-border-radius:5px; 
   -webkit-border-radius:5px; 
   border-radius:5px;
   /* внешняя тень */
   -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

(function($){
 $.fn.style_my_tooltips = function(options) {
    var defaults = {
        tip_follows_cursor: "on",
        tip_delay_time: 1000
    };
    var options = $.extend(defaults, options);
    $("body").append("
<div id="s-m-t-tooltip"></div>
 
"); //create the tooltip container
    smtTip=$("#s-m-t-tooltip");
    smtTip.hide(); //скрыть
    return this.each(function() {
        function smtMouseMove(e){
            smtMouseCoordsX=e.pageX;
            smtMouseCoordsY=e.pageY;
            smtTipPosition();
        }
        function smtTipPosition(){
            var cursor_tip_margin_x=0; //горизонтальное пространство между курсором и подсказкой
            var cursor_tip_margin_y=24; //вертикали между курсором и подсказкой
            var leftOffset=smtMouseCoordsX+cursor_tip_margin_x+$(smtTip).outerWidth();
            var topOffset=smtMouseCoordsY+cursor_tip_margin_y+$(smtTip).outerHeight();
            if(leftOffset< =$(window).width()){
                smtTip.css("left",smtMouseCoordsX+cursor_tip_margin_x);
            } else {
                var thePosX=smtMouseCoordsX-(cursor_tip_margin_x)-$(smtTip).width();
                smtTip.css("left",thePosX);
            }
            if(topOffset<=$(window).height()){
                smtTip.css("top",smtMouseCoordsY+cursor_tip_margin_y);
            } else {
                var thePosY=smtMouseCoordsY-(cursor_tip_margin_y)-$(smtTip).height();
                smtTip.css("top",thePosY);
            }
        }
        $(this).hover(function(e) {
            // mouseover
            var $this=$(this);
            $this.data("smtTitle",$this.attr("title")); //store title
            var theTitle=$this.data("smtTitle");
            $this.attr("title",""); //remove title to prevent native tooltip showing
            smtTip.empty().append(theTitle).hide(); //set tooltip text and hide it
            smtTip_delay = setInterval(smtTip_fadeIn, options.tip_delay_time); //set tooltip delay
            if(options.tip_follows_cursor=="off"){
                smtMouseMove(e);
            } else {
                $(document).bind("mousemove", function(event){
                    smtMouseMove(event);
                });
            }
        }, function() {
            // mouseout
            var $this=$(this);
            if(options.tip_follows_cursor!="off"){
                $(document).unbind("mousemove");
            }
            clearInterval(smtTip_delay);
            if(smtTip.is(":animated")){
                smtTip.hide();
            } else {
                smtTip.fadeTo("fast",0);
            }
            $this.attr("title",$this.data("smtTitle")); //add back title
        });
        function smtTip_fadeIn(){
            smtTip.fadeTo("fast",1,function(){clearInterval(smtTip_delay);});
        }
    });
 };
})(jQuery);