直接看代码： 代码如下: $(document).ready(function() { $("#button").click(function() { var layer = $('none').layer({ content: '这里是层内容，默认焦点可以用none对象来代替' }); layer.open(); }); }); 代码如下:/* * 作者：彭白洋 2009.10.24* 功能：可弹出自定义字符串、Dom对象，根据事件焦点弹出、关闭动画* 调用方法：* 1、初始化直接打开：$("#buttonID").layer().open()；* 2、初始化：var layer=$("#...
主要层左右居中，设置left等于窗口宽除二减去自身层宽除二就居中了，至于窗口上下居中我没做到，固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时，首先判断一下两个层是否已经append到body里面，否则每次触发它就一直增加增加了。设置了五个参数title、 content、width、height、cssName，它们分别定义了层标题、层内内容、层宽、层高、层内容的样式名。层内内容又设置了url、 text、id、iframe四种加载方式，通...
基于jquery的锁定弹出层 这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法： 代码如下: //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV"},{"idObj":window,"eventName":"resize" , "doMethod":"RESIZE_WINDOW"}]; qihoo_effect_maskDiv.showMaskDiv("...
想着自己学习Javascript，以及Ajax、jQuery等已经有一段时间了，不过貌似还没有写过一个插件，看到jQuery官网上那么多令人眼前一亮的插件，自己今天也动心说是不是能够写一个类似的插件来瞧瞧，了解了jQuery插件的基本格式，理一下基本的思路，动工吧。。。 这个DivAlert插件，顾名思义就是页面弹出框，也就相当于Winform里面MessageBox.Show()那样的东西。 首先，我们来定义一下一些最基本的参数： 插件初始化 代码如下:...
动画效果 从哪个对象上触发的即从该对象开始逐渐向屏幕中间移动，并逐渐展开，展开后里面的显示对象再从上到下慢慢展开。点击关闭时，先将展开的显示的对象慢慢缩回，然后再慢慢移到触发的对象上面。 说的有点绕，我自己都不明白是什么意思，说白了就是从哪儿来回哪儿去。 展现方式 第一种：string 这是最简单最明了的方式，不用多说，就是直接赋值字符串并显示出来。 第二种：ajax 这...
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...
前不久在官方网站是看见这个插件，所以今天趁有空就看了一下，随便给大家共享一下。也许你早已知道了 ，如果是这样那请跳过，不要拍砖。 这个Jquery插件的目的是替代JavaScript的标准函数alert()，confirm（），和 prompt（）。这个插件有 如下这些特点： 1：这个插件可以使你可以支持你自己的css制定。使你的网站看起来更专业。 2：允许你自定义对话框的标题。 3：在ＩＥ７中，可以使你避免使用JavaScript 的prompt（）函数带来的...
先上图，最终效果如下点击“信息确认”就是弹出一个确认窗口，把已经填报的信息都放到里面看看。 信息放里面很简答，主要是弹出窗口要做得好看点。 所以选择了jQuery+jqmodal实现 实现方法如下1、页面中引用jquery-1.4.2.js和jqModal.js，注意jQuery要在前面，因为jqmodal是以jQuery为基础的。 2、建立jqModal.css，并引用，主要是些美工的东东，注意div.jqmDialog 的 display为 none。高度和宽度要设置好，挡住下面的，好看~~，我...
【一】需求如下： 1：注册不新开页面，改成弹出层， 2：新增用户买房欲望调查， 3：用户名自动检索出推荐的用户名， 4：出生日期用户输入改成控件选择。 5：尽力提高用户体验，吸引用户注册。 【二】无图无真相。 1：简化后的页面：2：浮出文字提示和圆角边框：3：支持民意调查（异步提交）4：自动检索推荐用户名（测试数据）5：数据有效性验证6：日历7：支持拖拽8：滑入显示9：over【三】代码分析1.弹出层的制作， a.先引用这三个...
EasyDrag 是一个用来实现页面元素拖拉的 jQuery 插件。 在没遇到easydrag插件之前，想实现一个弹出框并不是一件轻而易举的事情！ 人们常说没有不劳而获的事情，但在编码的世界中却不是这样。更多的开源框架方面了我们，也毒害了我们！ 废话少说，先看效果：全部代码：easydrag实现可拖动的DIV弹出框 /* 重置浏览器默认样式 */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,l...
这是一款基于jQuery的弹出对话框插件，这个jQuery对话框插件的最大特点是弹出和关闭都带有非常炫酷的动画特效，比如旋转飞入、上下抖动飞入等。效果图如下：效果演示 源码下载 html代码：jQuery gDialog Plugin Exampels Alert Dialog Box Prompt Dialog Box Prompt Dialog Box$('.demo-1').click(function(){ $.gDialog.alert("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse libero erat, scelerisq...
在项目需求中有这样一功能：在页面弹出一个form表单，ajax无刷新提交表单，表单需通过验证。本文给大家介绍jQuery validate+artdialog+jquery form实现弹出表单思路，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。功能描述：在页面弹出一个form表单，ajax无刷新提交表单，表单需通过验证。适用范围：适用于在列表页面新增，修改记录。需要加载的js文件：jquery.min.jsartDialog.jsiframeTools.jsjquery.for...
原理很简单，通过JS动态构建一个div层，将其插入到body中，然后通过调整position的CSS属性为absolute或fixed，使其脱离原来的文档流的位置。再通过适当的加工美化就成了。 代码如下: 标题 [关闭] 内容部分 这就是两个div层的结构，第一个背景遮盖层只有在需要的时候才创建。每个div都定义了一个CSS类，这样便于自定义其外观。 一些基本功能的实现 移动框体 只要在mousemove事件中，计算两次移动鼠标位置的差值，再加上被移...
经过几多周折，终于搞出来了，效果图如下： 具体实现： (1) 编写 jquery.divbox.js 的代码： 代码如下: jQuery.fn.extend( { OpenDiv: function() { var sWidth, sHeight; sWidth = window.screen.availWidth; if (window.screen.availHeight > document.body.scrollHeight) { sHeight = window.screen.availHeight; } else { sHeight = document.body.scrollHeight + 20; } var maskObj = document.createElement("div"); maskOb...