最近初开始学习jquery,想尝试做一个效果,就是提交页面上的一个表单,点击提交按钮(submit类型)后,显示一个遮罩层,如果成功的话就在遮罩层上显示成功的小页面,如果失败的话就显示失败的小页面,请问各位达人高手们该效果如何实现,或者哪里有类似的例子给小弟参考一下,现在这里谢谢各位了!
3条回答
- AngelAndAngel 2011-08-23 17:08关注
[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
New Document
<br> <!--<br> function submitForm(){<br> var username=$("#username").val();<br> $.ajax({ <br> type: "POST", <br> url: "checkuser.php", <br> data: "username=" + username, <br> success: function(data) { <br> $.blockUI({ <br> message: "<img src='${ctx}/image/loading.gif' /><h4><strong>数据正在查询中,请稍后....</strong></h4>"<br> ,css: { background: 'none', color: '#000',border:'none' } <br> ,overlayCSS: {backgroundColor: '#C5E1F0',opacity:'0.4'}<br> });<br><br> } ,<br> error: function(data) { <br> $.blockUI({ <br> message: "<img src='${ctx}/image/loading.gif' /><h4><strong>错误</strong></h4>"<br> ,css: { background: 'none', color: '#000',border:'none' } <br> ,overlayCSS: {backgroundColor: '#C5E1F0',opacity:'0.4'}<br> });<br><br> } <br> }); </p> <pre><code>} </code></pre> <p>//--><br>
[/code]jquery-1.3.2.js和jquery.blockUI.js假如你没有我给你发一下
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 程序不包含适用于入口点的静态Main方法
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记