jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码

<div class="good">
<div class="goodOp"><img src="images/2.gif"></div>
</div>
<div class="goodHover" style="display:none">
<div class="goodHd">
<h2>西班牙</h2>
<p>点击图片预览装扮</p>
<div class="img">
<div class="goodOp"><img src="images/2.gif"></div>
</div>
</div>
</div>
</div>
<div class="item" style="z-index:8">
<div class="good">
<div class="goodOp"><img src="images/3.gif"></div>
</div>
<div class="goodHover" style="display:none">
<div class="goodHd">
<h2>西班牙</h2>
<p>点击图片预览装扮</p>
<div class="img">
<div class="goodOp"><img src="images/3.gif"></div>
</div>
</div>
</div>
</div>
<div class="item" style="z-index:7">
<div class="good">
<div class="goodOp"><img src="images/4.gif"></div>
</div>
<div class="goodHover" style="display:none">
<div class="goodHd">
<h2>西班牙</h2>
<p>点击图片预览装扮</p>
<div class="img">
<div class="goodOp"><img src="images/4.gif"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。