当前位置:首页 > 网页特效 > 图片代码 >

jQuery鼠标悬停图片滑动切换

时间:2014-07-31 08:45 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

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 -->

本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

图片代码下载排行

最新文章