网页弹出DIV。并使用其发送邮件

本文介绍了一个简单的网页加盟申请表的设计实现过程,包括使用HTML和JavaScript来创建表单元素及弹出窗口效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<style type="text/css">
#popupcontent
{
position: absolute;
visibility: hidden;
overflow: hidden;
border: 1px solid #CCC;
background-color: #D8D8D8;
border: 1px solid #333;
padding: 5px;
}
</style>

<div id="popupcontent" class="popupcontent">
<table style="font-size: 10pt;">
<tr>
<td colspan="2">
欢迎您的加盟,请认真填写以下信息,以便我们能尽快与您联系。
</td>
</tr>
<tr>
<td style="width: 80px; text-align: right;">
公司名称:
</td>
<td>
<%= Html.TextBox("Companyname", "")%><span style="color: #FF0000; margin: 0 0px 0 0;">此项可不填</span>
</td>
</tr>
<tr>
<td style="width: 80px; text-align: right">
联系人:
</td>
<td>
<%= Html.TextBox("linkperson", "")%><span style="color: #FF0000; margin: 0 0px 0 0;">*</span>
</td>
</tr>
<tr>
<td style="width: 80px; text-align: right">
电 话:
</td>
<td>
<%= Html.TextBox("telphone", "")%><span style="color: #FF0000; margin: 0 0px 0 0;">*</span>
</td>
</tr>
<tr>
<td style="width: 80px; text-align: right">
Email:
</td>
<td>
<%= Html.TextBox("email", "")%><span style="color: #FF0000; margin: 0 0px 0 0;">*</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input class="classicBtn" type="submit" value="提交" style="text-align: center" /><span style="padding-left:10px;"></span><input
class="classicBtn" type="button" value="关闭" style="text-align: center" οnclick="hidePopup()" />
</td>
</tr>
</table>
</div>

当点这张力片的时刻弹出DIV。并在上面显示了一些相关信息

<img src="../../Content/Image/jm_pic.jpg" border="0" style="cursor: pointer;" alt="点击加盟我们"
οnmοusedοwn="showPopup(360,240);" />

<script type="text/javascript" language="javascript">
var baseText=null;
function showPopup(w,h)
{
var isIE=!!window.ActiveXObject;
var isIE8=isIE&&!!document.documentMode;//IE8
var clientHeight=0.80;
if (isIE)
{
if (isIE8)
{
clientHeight=0.50;
}

}
var popUp = document.getElementById("popupcontent");
popUp.style.top = document.body.clientHeight*clientHeight + "px";
popUp.style.left = document.body.clientWidth*0.45 + "px";
popUp.style.width = w + "px";
popUp.style.height = h + "px";
if (baseText == null) baseText = popUp.innerHTML;
popUp.innerHTML = baseText + "<div id=/"statusbar/"></div>";
var sbar = document.getElementById("statusbar"); sbar.style.marginTop = (parseInt(h)-299) + "px"; popUp.style.visibility = "visible";
}
function hidePopup()
{ var popUp = document.getElementById("popupcontent");
popUp.style.visibility = "hidden";
}
</script>

//发送邮件的代码在这里不在多说

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值