【一】需求如下： 1：注册不新开页面，改成弹出层， 2：新增用户买房欲望调查， 3：用户名自动检索出推荐的用户名， 4：出生日期用户输入改成控件选择。 5：尽力提高用户体验，吸引用户注册。 【二】无图无真相。 1：简化后的页面：2：浮出文字提示和圆角边框：3：支持民意调查（异步提交）4：自动检索推荐用户名（测试数据）5：数据有效性验证6：日历7：支持拖拽8：滑入显示9：over【三】代码分析1.弹出层的制作， a.先引用这三个...
先上图，最终效果如下 点击“信息确认” 就是弹出一个确认窗口，把已经填报的信息都放到里面看看。 信息放里面很简答，主要是弹出窗口要做得好看点。 所以选择了jQuery+jqmodal实现 实现方法如下1、页面中引用jquery-1.4.2.js和jqModal.js，注意jQuery要在前面，因为jqmodal是以jQuery为基础的。 2、建立jqModal.css，并引用，主要是些美工的东东，注意div.jqmDialog 的 display为 none。高度和宽度要设置好，挡住下面的，好看...
前不久在官方网站是看见这个插件，所以今天趁有空就看了一下，随便给大家共享一下。也许你早已知道了 ，如果是这样那请跳过，不要拍砖。 这个Jquery插件的目的是替代JavaScript的标准函数alert()，confirm（），和 prompt（）。这个插件有 如下这些特点： 1：这个插件可以使你可以支持你自己的css制定。使你的网站看起来更专业。 2：允许你自定义对话框的标题。 3：在ＩＥ７中，可以使你避免使用JavaScript 的prompt（）函数带来的...
jquery 弹出公告 *{margin:0;padding:0;font-size:12px;} li{float:left;width:100px;border:1px solid #ccc;list-style:none;text-align:center;} h3{margin:20px auto;text-align:center;} input{width:120px;height:30px;cursor:pointer;} #notice{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:10px;top:10px;display:none;} $(function(){ $('#open').click(function(){ $('...
jquery div提示框渐隐弹出与隐藏 *{margin:0;padding:0;font-size:12px;} input{width:120px;height:30px;cursor:pointer;} #note{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:40%;z-index:9999;display:none;} $(function(){ $('input').click(function(){ if(!$('#note').is(':visible')){ $('#note').css({display:'block', top:'-100px'}).animate({top: '+100'}, 500, func...
动画效果 从哪个对象上触发的即从该对象开始逐渐向屏幕中间移动，并逐渐展开，展开后里面的显示对象再从上到下慢慢展开。点击关闭时，先将展开的显示的对象慢慢缩回，然后再慢慢移到触发的对象上面。 说的有点绕，我自己都不明白是什么意思，说白了就是从哪儿来回哪儿去。 展现方式 第一种：string 这是最简单最明了的方式，不用多说，就是直接赋值字符串并显示出来。 第二种：ajax 这...
想着自己学习Javascript，以及Ajax、jQuery等已经有一段时间了，不过貌似还没有写过一个插件，看到jQuery官网上那么多令人眼前一亮的插件，自己今天也动心说是不是能够写一个类似的插件来瞧瞧，了解了jQuery插件的基本格式，理一下基本的思路，动工吧。。。 这个DivAlert插件，顾名思义就是页面弹出框，也就相当于Winform里面MessageBox.Show()那样的东西。 首先，我们来定义一下一些最基本的参数： 插件初始化 代码如下:...
基于jquery的锁定弹出层 这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法： 代码如下:<script src="jquery.js"></script> <script src="effect/maskDiv.js"></script> <script> //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV"},{"idObj":window,"event...
主要层左右居中，设置left等于窗口宽除二减去自身层宽除二就居中了，至于窗口上下居中我没做到，固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时，首先判断一下两个层是否已经append到body里面，否则每次触发它就一直增加增加了。设置了五个参数title、 content、width、height、cssName，它们分别定义了层标题、层内内容、层宽、层高、层内容的样式名。层内内容又设置了url、 text、id、iframe四种加载方式，通...
经过分析，网上的参考，终于搞定了~~ jQuery插件代码： 代码如下:jQuery.fn.selectItem = function(targetId) { var _seft = this; var targetId = $(targetId); this.toggle( function() { var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({ "position": "absolute", "top": A_top + "px", "left": A_left + "px" }); } , f...
原来我们要写一个客户端的特效，要写一两天的JavaScript，然后再调试一两天，才可以看见端倪。现在我们只要使用JQuery和他的 plugin，就可以任意的实现我们脑海中的特效，感谢他们的编写者对人类的贡献（一百个西红柿砸过来。。。。。。。。。。。。。。）。我今天实现的需求是一个需要从列表页面中选择要导出到word中的列，然后在将选中列的内容导出到word中，同时为了增加通用性，列的个数不是固定的，也就是说这张表格可能是4列...
直接看代码： 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Layer.aspx.cs" Inherits="Layer" %> <!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 runat="server"> <title></title> <script src="jquery-1.3.2.js" type="text/javascript"></script> <script src="jquery....
代码如下:// 显示确认对话框 function showConfirm(txtTitle, txtMsg, callback){ getDivDialog().text(txtMsg).dialog({ modal: true , overlay: { opacity: 0.5 } , title: txtTitle ,buttons: { "是" : function(){ callback(); $(this).dialog("close"); } ,"否" : function(){ $(...
先上个效果图，可以点击Close按钮或是在遮罩层上任意处点击，就可以关闭弹出层。HTML代码 代码如下:<div id=pop-div style="width: 300px" class="pop-box" > <h4>标题位置</h4> <div class="pop-box-body" > <p> 正文内容 </p> </div> <div class=buttonPanel style="text-align: right" style="text-align: right"> <input value="Close" id="btn1" onclick="hideDiv(pop-div);" type="button" /> </div> </div>代码很简洁。最外...
//jQuery Alert Dialogs Plugin Version 1.0 //插件下载地址：http://abeautifulsite.net/notebook/87 自身的原方法为： 代码如下:// Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) 1.新加一个multicheckbox 的公共方法: // Public methods multicheckbox : function (message, value, title, callback) { if (title == null ) ti...