$(document).ready(function(){ $("#right_menu ul li a span").hover(function(){ $(this).stop().animate({"padding-right":"35px"},175); $(this).css("color","#9f8935"); // $(this).css("background-position","97% center"); },function(){ $(this).stop().animate({"padding-right":"25px"},500); $(this).css("color",""); // $(this).css("background-position","98% center"); }); // $("#tooltip_right ul li a div span").hover(function(){ // $(this).stop().animate({"padding-right":"10px"},150); //$(this).css("color","#ff0"); //},function(){ // $(this).stop().animate({"padding-right":"0px"}); // $(this).css("color",""); // }); $("#tooltip_right ul li ul li a").hover(function(){ $(this).stop().animate({"padding-right":"10px"},175); $(this).css("color","#1e6b9b"); },function(){ $(this).stop().animate({"padding-right":"0px"},500); $(this).css("color",""); }); }); /* * tooltip script * powered by jQuery (http://www.jquery.com) * * written by Alen Grakalic (http://cssglobe.com) * * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery * */ this.tooltip = function(){ /* CONFIG */ xOffset = 10; yOffset = 20; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $(".tooltip").hover(function(e){ this.t = this.title; this.title = ""; $("body").append("
"+ this.t +"
"); $("#tooltip") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .fadeIn("slow"); }, function(){ this.title = this.t; $("#tooltip").remove(); }); $(".tooltip").mousemove(function(e){ $("#tooltip") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); }; // starting the script on page load $(document).ready(function(){ tooltip(); });