-5

構文：

   echo "<link rel='stylesheet' type='text/css' href='css/mdesign.css' />"; 
echo "<div id=swap>";
echo "<div id=one>One</div>";
echo "<div id=two>Two</div>";
echo "<div id=three>Three</div>";
echo "</div>";
echo "<a href=#one>One</a>";
echo "<a href=#two>Two</a>";
echo "<a href=#three>Three</a>";

上記のソースコードを変更する方法:

http://www.visibilityinherit.com/code/css-content-swap-demo1.php - 元のコード

4

4 に答える 4

0

この例は、特定の CSS レイアウトに依存しており、アンカー タグを使用してコンテンツを切り替えています。本番環境では実用的ではありません。基本的に、スクロールバーが隠されているボックスです。アンカー リンクをクリックすると、選択したコンテンツがビューに移動し、コンテンツが切り替わったように表示されます。これは、#swap div で「overflow:hidden」をオフにすることでテストできます。

あなたの質問は、これが PHP の問題であることを示唆していますが、まったく関係ありません。この例は HTML/CSS の実装であり、PHP から正しい HTML を出力している限り、それは CSS のバグになります。

前に述べたように、この種の「コンテンツの切り替え」は、CSS の実験以外にはあまり役に立ちません。jQuery の html() メソッドを見てみましょう。

于 2012-12-06T10:25:54.653 に答える
0

css ファイルへのリンクのパスが間違っている可能性があります

于 2012-12-06T10:23:41.697 に答える
0

いくつかの提案: まず、タグ属性の値を引用符で囲むことをお勧めします。例えば：

echo "<div id=swap>";   becomes
echo "<div id='swap'>";
于 2012-12-06T10:22:10.983 に答える
0

このcssも追加する必要があります

<style type="text/css">
#swap {
float:right;
height:30em;
width:300px;
overflow:hidden;
border:1px solid;
}
#one, #two, #three {
height:30em;
}
#one{background:red;}
#two{background:blue;}
#three{background:green;}
</style>
于 2012-12-06T10:21:36.210 に答える