2016-03-01 96 views
0

我想通過先進的彈出窗口,就像GoDaddy的彈出窗口中的代碼(見圖片)使用Javascript/jQuery的彈出窗口

我得到了下面的代碼,但它是非常簡單的。

<script type="text/javascript"> 
function MM_openBrWindow(theURL,winName,features) { //v2.0 
    window.open(theURL,winName,features); 
} 
</script> 
</head> 

<body> 
<a href="#" onclick="MM_openBrWindow('popup.html','','scrollbars=yes,width=700,height=700')">click me 

</a> 

僅用於純粹的教育目的,我試圖抓住這個彈出窗口的JavaScript文件和html文件。但不能通過螢火蟲或任何其他網站抓取工具。有人可以製作或抓取文件併發布示例代碼,它將顯示與圖片中顯示的彈出框完全相同的用於教育目的的彈出框。背景應該像圖片一樣模糊。

我知道html,但對JavaScript/jquery的知識很少。

Popup window example picture

P.S:鏈接到彈出窗口https://sg.godaddy.com/和可點擊文字爲「*查看產品限制和法律政策」以及可點擊文本的位置是在頁面底部。

Regards

+0

你有沒有考慮看的引導模式? – Mox

+0

那是什麼? :O –

+0

http://www.w3schools.com/bootstrap/bootstrap_modal.asp – Mox

回答

0

只需將按鈕置於文本。嘗試它的作品..!

http://www.w3schools.com/bootstrap/bootstrap_modal.asp

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<span type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</span> 
+0

感謝溼婆,但這應該是'工作。打開模態'''應該是'。 –

+0

y ..歡迎..! – Shiva