如何将此注册/选择加入表单转换为弹出框?

时间:2012-12-06 20:02:08

标签: popup

我正在尝试将此选择加入形式转换为具有定时延迟和背景照明的弹出框。例如,当访问者访问我的网站时,它会在10秒后直接显示在屏幕中央。他们也可以选择关闭盒子,但他们仍然可以在后台看到网站,变暗。选择加入框的代码如下。任何建议都表示赞赏。

<form method="post" action="http://oi.vresp.com?fid=524a3264c1" target="vr_optin_popup" onsubmit="window.open( 'http://www.verticalresponse.com', 'vr_optin_popup', 'scrollbars=yes,width=600,height=450' ); return true;" >

  <div style="font-family: verdana; font-size: 11px; width: 160px; padding: 10px; border: 1px solid #0D2EC0D; background: #540DEC;">
    <strong><span style="color: #D2EC0D;">Enter Email For Updates</span></strong>
    <p style="text-align: right; margin-top: 10px; margin-bottom: 10px;"><span style="color: #f00;">* </span><span style="color: #333333">required</span></p>
    <label style="color: #D2EC0D;">Email Address:</label>    <span style="color: #f00">* </span>
    <br/>
    <input name="email_address" size="15" style="margin-top: 5px; margin-bottom: 5px; border: 1px solid #999; padding: 3px;"/>
    <br/>
    <input type="submit" value="Next" style="margin-top: 5px; border: 1px solid #999; padding: 3px;"/><br/>
    <br/><span style="color: #333333"><a title="Email Marketing by VerticalResponse" href="http://www.verticalresponse.com">Email Marketing</a> by VerticalResponse</span>
  </div>
</form>

1 个答案:

答案 0 :(得分:0)

制作你的div并给它id,然后使用jquery

作为弹出窗口
$('#IdofElement').dialog('option', 'modal', true);  

你需要jquery主文件来使用这个

http://jqueryui.com/dialog