2015-12-17 74 views
-2

我有一個網頁,其中一個錨點標記<a href="other-page.php">鏈接到另一個頁面。如何使網頁看起來像一個彈出?

我想這other-page.php看起來像一個彈出式頁面上包含上述<a>標籤。

是否有可能使用CSS和/或JQuery?

如果是,那麼總體思路是什麼?怎麼做?

+2

是的,這是可能的。有很多方法可以做到這一點。我假設你只是想從其他頁面調用HTML並將它加載到顯示爲彈出窗口的DIV中?請提供一些您嘗試過的代碼。 – Twisty

+1

看看這個答案... http://stackoverflow.com/a/1328731/4322803 – Quantumplate

+1

@Quantumplate JQuery用戶界面會有點臃腫只有一個鏈接。它將完成製作對話框的工作。 – Twisty

回答

3

如果您希望鏈接打開一個新的瀏覽器窗口中,你需要在錨標記的「目標」屬性,像這樣: <a href="other-page.php" target="_blank">

如果你不想要一個完整的瀏覽器窗口,只一個帶有'x'關閉選項卡的彈出式窗口,您正在尋找一個「模式」窗口。有模態jQuery庫,將這樣做。退房simplemodal。這只是衆多圖書館中的一個,但現在你有一個搜索詞。

1

你有兩個選擇:

- 該firstone行爲是這樣的,只是1頁,把在短短1 HTML的所有內容。放置顯示:無;所有其他的div(你不想要的東西展示給用戶),然後通過JS通過

$('div').show; 
/* or*/ 
$('div').hide; 

改變能見度 - 的secondone:是display:none或visibility:hidden的到全球DIV(所有的頁面內容中)在能見度:隱藏或顯示:無,並通過改變它:

$(document).ready(function(){ 
$(divToShow).show('slow'); 
/* or */ 
$(divToShow).slideup('slow'); 
/* or some effect */ 
}); 

的lastone它使一個模式,但依賴內容它是 非可行

希望我幫忙,

相關問題