【问题标题】:New image on thumbnail hover缩略图悬停时的新图像
【发布时间】:2010-12-22 11:13:49
【问题描述】:

大家好,我正在尝试实现一些在 1 个大图像下方有 2 个缩略图的东西。当您将鼠标悬停在缩略图上时,我希望大图像变为另一张图片。有脚本或教程吗?可能是jquery?

【问题讨论】:

    标签: jquery html css image


    【解决方案1】:

    jQuery 会改变这一点。 Here 是一个类似的教程。祝你好运!

    【讨论】:

      【解决方案2】:

      你可以用悬停功能做到这一点

      CSS 代码:

      .nav {
         background:url(images/3.png) no-repeat;
      }
      
      .nav_hover {
         background:url(images/4.png) no-repeat;
      }
      

      查询代码:

      $('.nav').hover( 
      function(){
         $(this).addClass('nav_hover');
      }, 
      function(){
         $(this).removeClass('nav_hover');
      }
      );
      

      HTML 代码:

      // Call  class CSS Script to element
      

      检查一下

      【讨论】:

      • 您应该包含 html,以便任何想研究此代码的人都知道 .nav 和 'nav_hover' 在正文脚本中的使用位置。对我来说,答案并不完全有用。
      猜你喜欢
      • 1970-01-01
      • 2017-03-31
      • 2011-05-11
      • 2015-02-25
      • 2014-01-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多