-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 {表示：インラインブロック; }

于 2013-02-28T19:18:03.627 に答える
0

投稿したコードには（機能的に）問題はありません。スタイルシートを含めることを覚えていますか？機能が機能しない場合、それはjavascript問題ではなくCSS、問題になります。現在のjavascriptコードを確認する必要があります。

于 2013-02-28T19:18:10.317 に答える