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 bug。

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

php div content swap - 如何在echo命令中包含

4 个答案: