我有一個網頁,其中一個錨點標記<a href="other-page.php">
鏈接到另一個頁面。如何使網頁看起來像一個彈出?
我想這other-page.php
看起來像一個彈出式頁面上包含上述<a>
標籤。
是否有可能使用CSS和/或JQuery?
如果是,那麼總體思路是什麼?怎麼做?
我有一個網頁,其中一個錨點標記<a href="other-page.php">
鏈接到另一個頁面。如何使網頁看起來像一個彈出?
我想這other-page.php
看起來像一個彈出式頁面上包含上述<a>
標籤。
是否有可能使用CSS和/或JQuery?
如果是,那麼總體思路是什麼?怎麼做?
如果您希望鏈接打開一個新的瀏覽器窗口中,你需要在錨標記的「目標」屬性,像這樣: <a href="other-page.php" target="_blank">
如果你不想要一個完整的瀏覽器窗口,只一個帶有'x'關閉選項卡的彈出式窗口,您正在尋找一個「模式」窗口。有模態jQuery庫,將這樣做。退房simplemodal。這只是衆多圖書館中的一個,但現在你有一個搜索詞。
你有兩個選擇:
- 該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它使一個模式,但依賴內容它是 非可行
希望我幫忙,
是的,這是可能的。有很多方法可以做到這一點。我假設你只是想從其他頁面調用HTML並將它加載到顯示爲彈出窗口的DIV中?請提供一些您嘗試過的代碼。 – Twisty
看看這個答案... http://stackoverflow.com/a/1328731/4322803 – Quantumplate
@Quantumplate JQuery用戶界面會有點臃腫只有一個鏈接。它將完成製作對話框的工作。 – Twisty