13518219792
1、新建并保存一个html文档，进入html代码编辑页面。
成都创新互联专注于企业成都全网营销推广、网站重做改版、井陉矿网站定制设计、自适应品牌网站建设、H5高端网站建设、商城网站开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为井陉矿等各大城市提供网站开发制作服务。
2、写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID。
3、要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。
4、引入jquery文件，路径要正确，写jquery代码，打开浏览器测试一下，点击按钮之后，输入框内就会自动输入赋值的内容。
今天我们用jquery
ui
dialog来做一个弹窗特效。我们先看下效果截图：
我们可以看到，点击的时候，弹窗出现，而且这个弹窗是居中的，还是可以拖动的。。。实现这一切，只要以下代码：
我们可以看到，我对pop这个div，实现的方式是让它不要autoopen，点击的时候，我只要一句dialog,open就搞定了，借助于jquery
ui，我们做弹窗就是这么简单。。。当然了，大家可以看到，我还有一个插入数据的功能，这个功能，我采用了jquery
的appendto：
我先通过变量获取值，接着建了一个html标签，然后appendTo到table里，这样，大家就可以看到数据的插入了，当然，这不是数据库。。。大家记得，借助于juqery
ui，一个dialog，我们就能实现拖动式弹窗了。。。
最简单的方法，声明一个变量，将声明放在事件外即可（注意不能将声明放在事件内，因为触发事件，会导致重新声明，从而使值清空）。
jQuery(document).ready(function($){
var today;
$("button#registerformsubmit, input#applysubmit").mouseover(function(){
if (today !== 1){
today = 1;
alert("避免邮箱填错，请再次确认你的邮箱：" + email);
}
});
});
html
headtitleSimple jsp page/title
style type="text/css"
!--
#div1 {
position:absolute;
left:338px;
top:91px;
width:446px;
height:294px;
z-index:1;
border:solid #7A7A7A 4px;
}
/style
script
src=""/script
script type="text/javascript"
$(function(){
$("#div1").hide(); //先让div隐藏
$("#span1").click(function(){
$("#div1").fadeIn("slow");//淡入淡出效果 显示div
});
$("#span2").click(function(){
$("#div1").fadeOut("slow");//淡入淡出效果 隐藏div
})
});
/script
/head
body
1个简单弹出div的小例子 页面不是很美观 效果达到了p/p/p/p/p/p/
span style="cursor:pointer" id="span1"点我弹出div/span
div id="div1"
div align="right" style="background-color:#CDCDCD;"span id="span2" style="cursor:pointer"关闭/span
/div
pp
form
username:input type="text"/p /
age:input type="text"/p /
input type="submit" value="submit"/br /
/form
/div
/body
/html
以上代码直接复制粘贴，html文件就可以运行，可以做弹出操作。
因为你的弹窗都帮订到同一个节点了。
需要弹出多个的话，把弹窗绑到不同节点上。
