【问题标题】:nivo slider on hover show prev and next buttons悬停上的 nivo 滑块显示上一个和下一个按钮
【发布时间】:2013-02-21 14:59:46
【问题描述】:

有人可以帮我解决这个问题吗?接下来有没有办法显示 Nivo Slider。和上一个。仅当鼠标悬停在幻灯片上时才按按钮?

【问题讨论】:

    标签: jquery slider nivo-slider


    【解决方案1】:

    您可以为此使用一些 CSS。如果没有一些示例代码,我不知道确切的元素,但本质是这样的:

    <div class="parent">
        <div> <!--STUFF--></div>
        <div class="navigation-links"><!--LINKS--></div>
    </div>
    

    对于上述简单的标记,只需使用以下 CSS:

    .parent .navigation-links { display:none; }
    .parent:hover .navigation-links { display:block; }
    

    你应该有想要的效果。

    【讨论】:

    • 非常感谢您的回复。这是按钮的 CSS 代码。 /* 方向导航样式(例如 Next & Prev) */ .nivo-directionNav a { position:absolute;最高:90%; z-索引:9;光标:指针; }
    • 你需要再上一层。在您的 sn-p 中,.nivo-directionNav 相当于我的示例中的 .navigation-links
    猜你喜欢
    • 2011-04-03
    • 1970-01-01
    • 2020-05-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多