PHP的DIV内容交换 - 如何在echo命令包括

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

来源

2012-12-06 bajis

您能否清除您的问题更多... –

只是一些建议：首先，最好把t他在引号中标记属性的值。例如：

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

来源

2012-12-06 10:22:10

我没有看到JS那里 – vodich

没有JS，它只是CSS和HTML –

是啊......只是注意到它 –

，您还需要添加此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-06 10:21:36 user7282

@bajis您是否试过这个？ – user7282

可能链接到你的CSS文件中有错误的路径

来源

2012-12-06 10:23:41 vodich

这个例子是在一个特定的CSS布局的依赖，使用锚标签来切换内容。这在生产环境中并不实用。基本上它是一个隐藏滚动条的框。点击锚链接时，它会将选定的内容移到视图中，就好像它切换了内容一样。您可以通过关闭#swap div上的“overflow：hidden”来测试此功能。

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

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

来源

2012-12-06 10:25:54 tombeynon

PHP的DIV内容交换 - 如何在echo命令包括

回答

相关问题