dream css图像滑块

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>

还没有测试过this..Really希望这对你有帮助