我想在这个网站上实现相同的 点击这里
$(function() {
$('#div_2').hide();
$('#div_1, #div_2').hover(function() {
$('#div_2').stop().fadeIn(120);
$("div_2").animate({left:"100px"},"slow");
$("div_2").animate({fontSize:"3em"},"slow");
}, function(){
$('#div_2').stop().fadeOut();
});
});
HTML:
<div id="div_1" style="background-position:top;position:relative">
<img src="spotlights-infytalk (1).jpg" width="329" height="110" style="position:relative;vertical-align:top"/>
</div>
<div id="div_2" style=" overflow:auto;position:relative;padding-top:-10px;background-color:#CCCCCC">
image small few contents text
</div>