<HTML5> 我想制作一个我将在许多页面中使用的按钮 [关闭]

Question

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

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

CSS

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

Answer 1

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

• 以前的
• 家
• 以前的

CSS：

ul li { display: inline-block; }

Answer 2

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

Answer 3

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

假设这是第 2 页

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

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

Answer 4

嗯，你有你的按钮！恭喜...现在尝试实际使用后退和前进按钮。您可以使用 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 next 和link prev 的值定义的变量。到这个时候，你可以用谷歌搜索如何做到这一点。