十年网站开发经验+多家企业客户+靠谱的建站团队
量身定制+运营维护+专业推广+无忧售后，网站问题一站解决
1、新建并保存一个html文档，进入html代码编辑页面。
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($){
vartoday;
$("button#registerformsubmit,input#applysubmit").mouseover(function(){
if(today!==1){
today=1;
}
});
html
headtitleSimplejsppage/title
styletype="text/css"
!--
#div1{
position:absolute;
left:338px;
top:91px;
width:446px;
height:294px;
z-index:1;
border:solid#7A7A7A4px;
/style
script
src=""/script
scripttype="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/
spanstyle="cursor:pointer"id="span1"点我弹出div/span
divid="div1"
divalign="right"style="background-color:#CDCDCD;"spanid="span2"style="cursor:pointer"关闭/span
/div
pp
form
username:inputtype="text"/p/
age:inputtype="text"/p/
inputtype="submit"value="submit"/br/
/form
/body
/html
以上代码直接复制粘贴，html文件就可以运行，可以做弹出操作。