我怎么能得到类似于Flickr网站的东西?

时间:2015-05-07 16:14:08

标签: javascript css html5

我想知道我怎么能得到类似于Flickr's homepage的东西?我在谈论具有静态背景的透明幻灯片。到目前为止,我知道如何使用静态背景并浏览透明DIV,但我不知道幻灯片"系统"的工作原理。

感谢。

2 个答案:

答案 0 :(得分:1)

您可以通过制作普通网站,但在页面中添加auto scroller脚本来实现此目的。

向下和向下按钮只是一些<a href="#id"></a>标签,其ID为链接。通常情况下,您会立即获得该ID,但是使用auto scroller,您将会顺利进行。

以下是我一直用于我的网站的auto scroller an example by pressing in the menu):

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
    $(function() {
      $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            $('html,body').animate({
              scrollTop: target.offset().top
            }, 2000 /*<-- This is your time for every scroll in miliseconds*/);
            return false;
          }
        }
      });
    });
    </script>

我希望这有助于你。

答案 1 :(得分:0)

我想说:使用fullpage.js库。

它会让你的生活轻松而美丽:)

如果您想在Flickr网站中显示滚动条,请记住使用scrollBar:true