-2

我有一堆图片，我想用 3 个按钮制作一系列页面：返回、下一步和主页。反正有没有使用类来完成这个？我试了一下，结果是这样的：
HTML

<div id = "back" class="btn_back">

CSS

.btn_back {
background-color:#C00; 
display:block; 
width:110px; 
height: 20px; 
text-align:center, justify; }
4

4 回答 4

2

好吧，你有你的按钮！恭喜...现在尝试实际使用后退和前进按钮。您可以使用 html 和 javascript 的组合。

在 HTML 中，您可以将链接设置为“下一个”和“上一个”。然而，所有这些都是将页面链接在一起，通常用于博客。您需要使用 javascript 来动态更新每个按钮在单击时的作用。

HTML 示例：

<link rel="next" href="next_page.html">
<link rel="prev" href="prev_page.html">

JavaScript 示例：

var back = document.getElementsById("back")[0];
var next = document.getElementsById("next")[0];
back.onClick = function() { window.location = 'prev_page.html' }
next.onClick = function() { window.location = 'next_page.html' }

但是，请注意，我提供的 HTML 和 Javascript 示例彼此不相关。但是您可以将 设置为由和window.location的值定义的变量。到这个时候，你可以在谷歌上搜索如何做到这一点。link nextlink prev

于 2013-02-28T19:21:12.507 回答
1

要向前和向后访问，您需要 DOM 控制。你可以通过javascript来做到这一点。或者，您可以独立链接每个页面，返回将您带到上一页，然后将您带到看不见的页面。

说这是第 2 页

<a href="1.html">Back</a>
<a href="home.html">Home</a>
<a href="3.html">Forward</a>

您的问题并不容易回答，因为有很多方法可以完成您的要求。

于 2013-02-28T19:21:10.467 回答
0

这绝不是一个动态的答案，但它适用于初学者。以下假设您在第 3 页。

  • 以前的
  • 家
  • 以前的

CSS：

ul li { display: inline-block; }

于 2013-02-28T19:18:03.627 回答
0

您发布的代码没有（功能上）错误。你还记得包含你的样式表吗？如果该功能不起作用，那将是一个javascript问题，不是CSS，我们需要查看您当前的javascript代码。

于 2013-02-28T19:18:10.317 回答