Javascript 如何进行页面/内容转换

我对这一切都很陌生，很抱歉我没有术语

我正在看，我想知道如何在不重新加载页面的情况下更改内容/页面

---

有人能给我指出正确的方向吗？那是什么？CSS转换？jQuery？或者你能给我看一些代码吗？任何帮助都将是惊人的；我已经四处寻找了一段时间，找不到类似的东西…

我可以说，可以使用所有提到的选项：）

基本上，你可以使用类似的东西来实现你想要的东西，而不是在列表项中使用img元素，或者使用一些内容项。

这是很简单的。这是一种（非常光滑，但仍然）典型的旋转木马效果，其中有一个滑块div延伸到可见屏幕之外，其左边缘设置动画以创建效果

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

将

overflow-x:hidden

设置为容器div

在容器内添加滑块div，并在滑块内滑动元素

添加导航按钮，然后单击“设置滑块左偏移的动画”（跟踪当前位置）

---

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

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

滑动分页

$（文档）.ready（函数（）{
var sudoSlider=$（“#滑块”）.sudoSlider（）；
});

HTML

Lorem ipsum文本+图像
列表、地图

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

<div id="slider" >
    <ul>
        <li><div> .... </div></li>
        <li>Lorem ipsum text + image</li>
        <li>List, maps, ...</li>
    </ul>
</div>