#large {
background: none repeat scroll 0 0 #FEFEFE;
border: 4px solid #45B6EA;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
display: none;
padding: 5px;
position: absolute;
}
<div id="box">
<h3>Hover over the link</h3>
<p id="large"></p>
<a title="/logo.png" class="jobimage" style="cursor:pointer;">image< /a>
</div>
$(document).ready(function ()
{
$(".jobimage").hover(function( e){
$("#large").css("top",(e. pageY+5)+"px")
.css("left",(e.pageX+5)+"px")
.html("<img src="+ $(this).attr("title") +" alt='Large Image' />")
.fadeIn("slow");
}, function(){
$("#large").fadeOut("fast");
});
});
background: none repeat scroll 0 0 #FEFEFE;
border: 4px solid #45B6EA;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
display: none;
padding: 5px;
position: absolute;
}
<div id="box">
<h3>Hover over the link</h3>
<p id="large"></p>
<a title="/logo.png" class="jobimage" style="cursor:pointer;">image<
</div>
$(document).ready(function ()
{
$(".jobimage").hover(function(
$("#large").css("top",(e.
.css("left",(e.pageX+5)+"px")
.html("<img src="+ $(this).attr("title") +" alt='Large Image' />")
.fadeIn("slow");
}, function(){
$("#large").fadeOut("fast");
});
});