Question

有没有人使用过这个滑块： http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html

我需要有人建议如何删除导航，只在悬停时显示..谢谢

Answer 1

我不确定你想要如何删除导航，然后在悬停时显示（图片？）？

您的意思是当您将鼠标悬停在链接上时希望图像滑动吗？你想要删除标题和描述栏吗？

从css中删除背景img：

div#header div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:973px;
height:46px;
display:none;
position:absolute;
//remove this>>
<strike>background:url(images/slide-bg.png) 0 0;<strike>
}

删除html中的这两个元素：

<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>

在script.js中查找以下行：

 $('#slide-nav').append('<a id="slide-link-'+i+'" href="#" **onclick**="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');

将 onclick 更改为 mouseOver

回应您的澄清：把它放在身体或头部的顶部（不确定哪个更快）

    <script type="text/javascript>
    $(document).ready(function{
//hide the nav when page loads
     $("#slide-nav").hide();
//show and hide on hover
     $("#slide-holder").hover(
      function () {
        $(this).show();
      },
      function () {
        $(this).hide();
      }
    );
    })
    </script>

没有测试过这个......真希望能帮到你

梦想css图像滑块

1 个答案: