您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 图片代码 >

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

    jQuery鼠标悬停图片滑动切换由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/tupian/9889.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!