創建不可阻擋的彈出窗口點擊

如何創建一個彈出窗口，當用戶單擊某個特定文本時不會被阻止？因此，如果有人想要更多地瞭解某人，只需點擊該文本，就可以在下面的網站上看到一個彈出窗口。創建不可阻擋的彈出窗口點擊

http://www.berater-mainz.de/cms/struktur.html

有一個簡單的方法是什麼？有沒有人有想法？

2014-01-21 Sven Bamberger

請勿使用js警報功能。使用隱藏的div，您可以在單擊按鈕時顯示。（'click'，function（）{{'div'）。css（'display'，'block'）;}）;}};}};}};}} }）假設您正在使用JQuery。 javascript也可以輕鬆實現。 –

直到現在我只使用CSS和HTML沒有JavsScript等^^。我也不希望按鈕只是一個文本，如鏈接。 –

我不認爲這是可能的。你會反對使用JavaScript嗎？ –

請勿使用JavaScript警報功能，因爲這可能會被瀏覽器阻止。而是使用隱藏的div，您可以在單擊按鈕時顯示。

首先，您必須在HTML文件中包含JQuery庫，方法是在頭部包含一個鏈接。庫基本上是爲您編寫的許多代碼，以便您可以使用較少的代碼調用複雜的函數。

<head> 
    <script type="text/javascript"> 
    document.write([ "\<script src='", ("https:" == document.location.protocol) ? "https://" : "http://", "ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'>\<\/script>" ].join('')); 
    </script> <!-- This script tag includes JQuery's functions in you page. --> 
</head> 

<div style='display:none;'><!--This is the popup box!--></div> 
<script> 
$(function(){ 
    $('button').on('click', function(){ //When the button is clicked... 
     $('div').css('display', 'block'); //Show the previously hidden div 
    }); 
}); 
</script>

......據我所知，沒有JavaScript沒有辦法做到這一點。

來源

2014-01-21 15:11:37

創建不可阻擋的彈出窗口點擊

回答

相關問題