jQuery鼠标悬停图片滑动切换jQuery鼠标悬停图片滑动切换是一款鼠标悬停在图片上后,显示隐藏的另外一张图片,鼠标移走后返回之前图片,整个过程带有翻转效果。jquery鼠标悬停滑动切换翻转效果 所属专题:图片代码
<!-- 代码部分begin -->
<div class="qixi">
<!-- 其中一个单元begin -->
<div class="relian">
<div class="pic">
<div class="pic2"> <img src="images/relian.jpg" /> <a href="http://www.codesocang.com/" target="_blank"><img src="images/relian2.jpg" /></a> </div>
</div>
</div>
<!-- 其中一个单元end -->
<div class="miyue">
<div class="pic">
<div class="pic2"> <img src="images/miyue.jpg" /> <a href="http://www.codesocang.com/" target="_blank"><img src="images/miyue2.jpg" /></a> </div>
</div>
</div>
<div class="qinzi">
<div class="pic">
<div class="pic2"> <img src="images/qinzi.jpg" /> <a href="http://www.codesocang.com/" target="_blank"><img src="images/qinzi2.jpg" /></a> </div>
</div>
</div>
<div class="jiqing">
<div class="pic">
<div class="pic2"> <img src="images/jiqing.jpg" /> <a href="http://www.codesocang.com/" target="_blank"><img src="images/jiqing2.jpg" /></a> </div>
</div>
</div>
<div class="xfq">
<div class="pic">
<div class="pic2"> <img src="images/xfq.jpg" /> <a href="http://www.codesocang.com/" target="_blank"><img src="images/xfq2.jpg" /></a> </div>
</div>
</div>
<div class="qianshou">
<div class="pic">
<div class="pic2"> <img src="images/qianshou.jpg" /> <a href="http://www.codesocang.com/" target="_blank"><img src="images/qianshou2.jpg" /></a> </div>
</div>
</div>
<div class="jiqing2">
<div class="pic">
<div class="pic2"> <img src="images/jiqing3.jpg" /> <a href="#http://www.codesocang.com/" target="_blank"><img src="images/jiqing4.jpg" /></a> </div>
</div>
</div>
</div>
<!-- 代码部分end -->
热门源码