2

我对这一切都很陌生，很抱歉我缺乏术语。

我在看这个网站，我想知道如何在不重新加载页面的情况下进行内容/页面更改。

有人能指出我正确的方向吗？那是什么JavaScript？CSS 过渡？jQuery？或者你能给我看一些代码吗？任何帮助都会很棒；找了好久没找到类似的

4

3 回答 3

3

这是一个简单的滑块，它不是幻灯片图像，而是滑动内容（嵌套的 div、img、列表）。我为你检查了代码并正在使用这个jQuery 插件：SudoSlider 插件

不要通过编写自己的插件来重新发明轮子，您可以在这里看到一些演示，但是这个非常接近使用自动高度的示例。这是您可以在您的网站上使用它的方式：

jQuery

<script type="text/javascript" >
    $(document).ready(function(){   
        var sudoSlider = $("#slider").sudoSlider();
    });
</script>

HTML

<div id="slider" >
    <ul>
        <li><div> .... </div></li>
        <li>Lorem ipsum text + image</li>
        <li>List, maps, ...</li>
    </ul>
</div>
于 2012-12-03T07:58:18.357 回答
2

这是JQuery 动画。这是一个（非常流畅，但仍然）典型的轮播效果，其中您有一个超出可见屏幕的滑块 div，并且它的左边距被动画以创建效果。

创建基本效果很简单（当然要创建看起来和链接一样好的东西需要做很多工作）：

  1. 设置overflow-x: hidden为容器 div
  2. 在容器内添加滑块 div，并在滑块内滑动元素
  3. 添加导航按钮，并单击动画滑块的左偏移（跟踪当前位置）

这是一个非常基本的例子。

于 2012-12-03T07:44:41.210 回答
0

我可以说可以使用所有提到的选项:)

基本上你可以使用类似http://bxslider.com/的东西来实现你想要的，而不是使用列表项中的 img 元素使用一些内容项。

于 2012-12-03T07:44:00.960 回答