<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" onclick="hidePopup()" />
</td>
</tr>
</table>
</div>
当点这张力片的时刻弹出DIV。并在上面显示了一些相关信息
<img src="../../Content/Image/jm_pic.jpg" border="0" style="cursor: pointer;" alt="点击加盟我们"
onmousedown="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>
//发送邮件的代码在这里不在多说
分享到:
相关推荐
这可以通过结合Java后端验证邮箱和发送邮件功能,以及前端jqModal弹出框的显示和关闭逻辑来实现。 6. **与Java后端的交互**: 虽然jqModal是前端的JavaScript库,但可以通过AJAX技术与Java后端进行数据交互。例如...
2. **CSS 样式**:使用 CSS 来隐藏初始的弹出菜单并定义样式。这里我们使用 `hidden` 类来控制菜单的显示与隐藏。 ```css .hidden { display: none; } ``` 3. **jQuery 事件绑定**:接下来,使用 jQuery 绑定点击...
通过在HTML中定义一个`<div class="modal">`,并配合`.modal('show')`和`.modal('hide')`方法,可以轻松实现弹出框的展示与关闭。同时,Bootstrap的栅格系统和内置样式能确保表单在不同设备上均能良好显示。 在...
当触发显示弹出层的事件时,这个div的display属性会被修改为block或其他适当的值,使其可见。同时,利用CSS定位(position属性)和z-index属性,可以确保弹出层出现在正确的位置,且不会被其他元素遮挡。 对于表单...
在网页设计中,为了吸引用户关注并增加用户参与度,经常会使用到点击弹出窗口的功能。在这个案例中,我们探讨的是使用jQuery和CSS3技术来实现一个点击后弹出订阅窗口的效果。这种效果常用于收集用户邮箱地址,以便...
开发者会利用HTML标签如`<div>`, `<p>`, `<img>`, `<a>`等来构建邮件的框架,并通过CSS(Cascading Style Sheets)来控制元素的样式,如颜色、字体、布局等。CSS允许将样式代码分离出来,使邮件内容更易于管理和维护...
虽然这个例子没有使用特定的jQuery插件,但实际项目中,我们可以借助各种jQuery插件,如`jQuery UI`的对话框(Dialog)来实现更复杂的弹出窗口效果。通过插件,我们可以快速实现动画、拖动、缩放等功能,提高开发...
在本文中,我们将深入探讨如何使用jQuery来实现一个点击弹出邮箱订阅窗口的功能。这个功能是基于jQuery 1.10.2.min.js库构建的,它为用户提供了一个方便的途径来订阅邮件列表,以便接收最新的消息和更新。 首先,...
5. **Ajax交互**:最后,当用户点击提交按钮时,可以使用jQuery的Ajax功能将表单数据发送到服务器进行处理,无需刷新整个页面。这需要设置`$.ajax()`或`$.post()`方法,处理成功或失败的回调函数。 以上就是使用...
在网页设计中,为了提供更好的用户体验和及时的客户服务,一种常见的做法是实现页面滚动时自动弹出客服窗口。jQuery作为一款轻量级、高性能的JavaScript库,提供了丰富的功能和简洁的API,使得这种效果的实现变得...
弹出窗口通常由一个隐藏的Div元素构成,通过CSS控制其显示和隐藏。结合AJAX技术,我们可以实现弹窗与页面其他部分的数据交互,比如传递值。在本例中,可能涉及了异步通信(Ajax BeginForm或jQuery的$.ajax()函数)、...
9. 弹出窗口置顶:通过在 `<body>` 标签上设置 `onblur="this.focus()"`,可以让弹出的窗口始终保持焦点,从而始终显示在最上方。 10. 滚动条控制:通过修改 `style` 属性,可以控制滚动条的显示。例如,`;overflow...
20.16 自动调用OutLook发送邮件 20.17 弹出窗口选择颜色 20.18 弹出框式邮件发送 20.19 把网站作为用户的Active桌面 20.20 判断是否安装了flash插件 第21章 流行技术:DOM和userData的应用技巧 21.1 使用userData...
20.16 自动调用OutLook发送邮件 20.17 弹出窗口选择颜色 20.18 弹出框式邮件发送 20.19 把网站作为用户的Active桌面 20.20 判断是否安装了flash插件 第21章 流行技术:DOM和userData的应用技巧 21.1 使用userData...
在本文中,我们将深入探讨如何使用jQuery来实现一个点击弹出邮箱订阅窗口的特效。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。在这个项目中,我们主要关注的是利用jQuery...
JavaScript应用部分,读者将学习如何在Dreamweaver MX中插入和编辑JavaScript代码,实现页面的动态效果和交互功能,如弹出对话框、图片轮播、计时器等。 最后,站点管理部分会教授如何使用Dreamweaver MX有效地组织...
5. **电子邮件发送**:最后,需要通过电子邮件将作业发送至指定邮箱。这需要了解电子邮件的基本操作,包括如何附加文件和设置邮件主题。 总的来说,这个作业题涵盖了网页开发的基本流程,从静态页面的构建到动态...
模态框是Bootstrap中一种弹出式的视图,可以在不离开当前页面的情况下显示额外信息或执行操作,如添加新的邮件。模态框由三部分组成:`<div class="modal">`容器,`.modal-dialog`,和`.modal-content`。`.modal-...
本教程将详细讲解如何利用jQuery实现一个点击后弹出邮箱订阅窗口的功能,以便用户可以轻松订阅获取最新的消息和更新。 首先,确保在您的HTML文件中引入了jQuery库。在这里,我们使用的版本是`jquery.1.10.2.min.js`...
10. CSS页面属性与HTML页面属性的错误说法是C,即使选择使用HTML,属性检查器仍然会显示“样式”弹出菜单。 11. “下拉式选单”的语法是A,即`<SELECT></SELECT>`。 12. 使用时间链使对象具有动画效果,对象应该...