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命令包括

回答

相關問題