php - php div 内容交换 - 如何包含在 echo 命令中

Question

句法：

   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 - 原始代码

Answer 1

你还需要添加这个 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>

Answer 2

只是一些建议：首先，将标签属性的值括在引号中是一种很好的做法。例如：

echo "<div id=swap>";   becomes
echo "<div id='swap'>";

Answer 3

可能链接到您的 css 文件的路径错误

Answer 4

该示例依赖于特定的 CSS 布局，使用锚标记来切换内容。它在生产环境中不实用。本质上它是一个隐藏滚动条的盒子。单击锚链接时，它会将所选内容移动到视图中，就好像它已经切换了内容一样。您可以通过关闭#swap div 上的'overflow:hidden' 来测试它。

您的问题表明这是一个 PHP 问题，但它完全不相关。该示例是一个 HTML/CSS 实现，只要您从 PHP 输出正确的 HTML，它就会是一个 CSS 错误。

正如我之前提到的，这种“内容切换”对于 CSS 实验之外的任何东西都没有多大用处。我来看看jQuery 的 html() 方法。