我正在尝试创建一个简单的图像链接按钮,当我将鼠标移到它上面时,它会变大一点。我设法用下面这个简单的代码来做到这一点,但现在我只想在图像变大时移动段落..
当我将鼠标悬停在图像上时,有关如何选择和移动段落的任何提示?
<div id="rightImage">
<a href="http://blabla.com" target="_blank"> <img src="images/image.jpg" alt="image" onmouseover="this.className='mouseOver'" onmouseout="this.className='mouseOut'" /></a>
<p>paragraph</p>
</div>
#rightImage
{
width:275px;
height:275px;
float:left;
position:relative;
}
.mouseOver
{
width:300px;
height:300px;
top:-40px;
z-index:1;
position:absolute;
box-shadow:2px -2px 10px 3px #888, inset 2px -2px 10px 3px #888;
}
.mouseOut
{
width:275px;
height:275px;
float:left;
margin-right:52px;
box-shadow:2px -2px 10px 3px #888, inset 2px -2px 10px 3px #888;
}