如何使鼠标悬停只显示jssor标题?

时间:2015-03-06 21:26:30

标签: javascript jssor

我正在创建一个带有jssor滑块的页面。滑块将具有缩略图,每个图片底部都会显示一个标题。我将$ AutoPlay设置为false。现在,标题转换设置为MCLIP | B-FADE,并在图片进入视图后向上滑动。我想要的是标题只出现在鼠标悬停在图片上方,并且标题在鼠标移出图片时关闭。我还没有找到或想办法做到这一点。有谁知道一种方式?

1 个答案:

答案 0 :(得分:1)

<style>
    .slide .caption {
        display: none;
    }
    .slide:hover .caption {
        display: block;
    }
</style>

<div u="slides" ...>
   <div class="slide" ...>
       <div class="caption" ...></div>
   </div>
</div>