使用Javascript/jQuery的弹出窗口

问题描述:

我想通过先进的弹出窗口,就像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

只需将按钮置于文本。尝试它的作品..!

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