如何使用Javascript创建文本滑块

How to create a text slider using Javascript

本文关键字：文本 创建 何使用 Javascript      更新时间：2023-09-26

我想实现这样的文本滑块：

http://www.federica.unina.it/ingegneria/ingegneria-del-software-ingegneria/progettazione-qualita-software/

有一些箭头可以将您带到下一页或上一页。我注意到当您单击箭头时，页面是相同的。我该怎么做？

一个简单的方法是创建多个div，使所有div都显示：none，并使用Javascript来控制按钮并根据您所在的位置显示/隐藏div。例如，使用以下 JavaScript：

var page = 1;
$('#next').click( function() {
    $('#' + page).hide();
    page = page + 1;
    $('#' + page).show();
});
$('#previous').click( function() {
    $('#' + page).hide();
    page = page - 1;
    $('#' + page).show();
});

我创建了一个jsfiddle，以便您可以看到效果。基本上我有 3 个内容不同的div，我根据您所在的"页面"通过隐藏和显示div 来切换内容。这确实需要jQuery。使用我制作的此示例，您将无法导航到非现有页面。

相关文章：