js jquery 在弹出对话框里写内容后获取有动画效果

原创 2012年03月28日 20:22:07

在对话框里写入内容


获取对话框里的内容后显示出来



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript" src="../jquery插件/jquery-ui-1.8.18.custom/js/jquery-1.7.1.min.js"></script>
<script language="javascript" src="../jquery插件/jquery-ui-1.8.18.custom/js/jquery-ui-1.8.18.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="../jquery插件/jquery-ui-1.8.18.custom/css/ui-lightness/jquery-ui-1.8.18.custom.css" />
<script language="javascript">
//当窗体加载完毕的时候, 触发该匿名函数
//$(document)  把dom对象转换成jqery对象

$(function (){
//生成dialog
$("#dialog").dialog({
autoOpen: false,
//建立按钮
buttons:{
"取消":function() {alert("取消");
$(this).dialog("close");},
"确认":function() {
//获取文本值写入表格
$("#tab").append("<tr><td>"+$("#user").val()+"</td><td>"+$("#you").val()+"</td><td>"+$("#pass").val()+"</td></tr>");
$(this).dialog("close");
}
},
closeText: 'show',
dialogClass: 'alert',
title:"nihao",
draggable: false,
position: 'left',
show: 'slide',
width:400

});
$("#dialog_link").click(function (){
$("#dialog").dialog("open");

});

})
</script>
<body>
<h1>模拟dialog效果</h1>
<table width="300" style="border:#999 dotted 1px" id="tab">
  <tr>
    <td>name</td>
    <td>Email</td>
    <td>password</td>
  </tr>


</table>


<a href="#" id="dialog_link"><span>open</span></a>
<div id="dialog">请输入用户名:<input type="text" value="" id="user"/><br />
请输入邮箱名:<input type="text" value="" id="you"/><br />
请输入密码:<input type="text" value="" id="pass"/></div>
</body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

自定义Dialog对话框并实现从底部弹出的动画效果

package com.example.paydemo; import android.app.Activity; import android.app.AlertDialog; import and...

10款jquery弹出层 动画效果应有尽有

1、jquery可拖动弹出层插件点击弹出层插件 jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果,可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层插件。 ...

js定时读取消息,并弹出动画效果的提示信息

在网上经常看到一些很漂亮的效果,例如主动读取后台的消息,然后弹出一个很漂亮的弹出框,提示用户。      其实看着像是一个对话框,可却不是使用alert,或者windows.open之类的方法制作的...

原生js实现jquery函数animate()动画效果

通过在公司一个月的实习,慢慢的对css跟html算是比较熟悉了,这几天开始研究js,今天用js写了一个jquery的animate函数,测试了下,性能还可以。个人觉得jquery并不是万能的,因为是个...

通过style实现从屏幕底下弹出dialog动画效果

在项目中,想实现这么一个dialog,以前都是在代码中实现动画,写dialog,感觉要写一大推,很麻烦,今天实现了一个通用的方法:效果图如下第一步:首先自定义Dialogpublic class Se...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)