Jquery 弹出层插件实现代码

Jquery 弹出层插件实现代码的相关文章

• 
  jquery 锁定弹出层实现代码

  标签：Web开发

  基于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...[ 查看全文 ]

  执旧_eaSon

  101
• 
  jQuery插件 tabBox实现代码

  标签：Web开发

  打包下载 查了一下jq的官方插件编写文档（ http://docs.jquery.com/Plugins/Authoring ）以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白 这样功能在网页上是非常肠炎宁个的，不论...[ 查看全文 ]

  smilebirdtime

  111
• 
  JQuery 遮罩层实现(mask)实现代码

  标签：Web开发

  其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但体积小而且使用方便，我现在逐渐将系统中使用Extjs实现的代码或组...[ 查看全文 ]

  龙飞凤舞000006

  371
• 
  jquery 弹出登录窗口实现代码

  标签：Web开发

  主要层左右居中，设置left等于窗口宽除二减去自身层宽除二就居中了，至于窗口上下居中我没做到，固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时，首先判断一下两个层是否已经append到body里面，否则每次触发它就一直增加增加了。设置了五个参数title、 content、width、height、cssName，它们分别定义了层标题、层内内容、层宽、层高、层内容的样式名。层内内容又设置了url、 text、id、...[ 查看全文 ]

  犀牛的文胸呢

  731
• 
  基于jquery的获取mouse坐标插件的实现代码

  标签：Web开发

  代码如下： /* * Copyright (c) 2010 刘建华 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: divdemo/div divdemo/div script type="text/javascript" var o = $(document); o.mousemove( function(e){ var d = document.getElementById("demo"); d.style.left = ($.mouse(e).left + 5) + "px"; d.style.top = ($....[ 查看全文 ]

  爱眼色

  21
• 
  jquery 分页控件实现代码

  标签：Web开发

  代码如下: !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 titlejquery分页控件/title script src="jquery-1.3.min.js" type="text/javascript"/script /head body div class="pager"/div !--div select class="SEID" option10/option option selected="select...[ 查看全文 ]

  讨厌嚣张

  41
• 
  jQuery 页面 Mask实现代码

  标签：Web开发

  在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。 代码如下: (function($){ $.extend({ documentMask: function(options){ // 扩展参数 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: '#000' }, options); // 创建一个 Mask 层，追加到 document.body $('div class="jquery_addmask" /div')...[ 查看全文 ]

  倔驴4

  551
• 
  jQuery Dialog弹出层对话框插件

  标签：Web开发

  网上这种插件很多，但是没一个合适的，大部分都做得很大，功能齐全。于是自己做了这个小插件，顺便学习下jQuery插件的写法。 原理很简单，通过JS动态构建一个div层，将其插入到body中，然后通过调整position的CSS属性为absolute或fixed，使其脱离原来的文档流的位置。再通过适当的加工美化就成了。   代码如下: !-- 背景遮盖层 -- div class="dialog-overlay"/div !-- 对话框 -- div cl...[ 查看全文 ]

  caichangle228

  121
• 
  JQuery与iframe交互实现代码

  标签：Web开发

  在iframe中查找父页面元素的方法： $('#id', window.parent.document) 在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量： parent.method parent.value[ 查看全文 ]

  贵族丨诺

  21
• 
  jquery 批量上传图片实现代码

  标签：Web开发

  前台: upload.htm 代码如下： !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" titleupload/title link href="upload.css" rel="Stylesheet" / /head body form ul li button id="SubUpload" onclick="TSubmitUploadImageFile();return false;" ...[ 查看全文 ]

  老兵难忘

  151
• 
  jQuery AJAX 调用WebService实现代码

  标签：Web开发

  用jQuery调用其他项目的WebService 实现登录验证功能 html输入用户名密码： 代码 代码如下： table tr td Login ID: /td td input type="text" value="" / /td /tr tr td Login Password: /td td input type="password" value="" / /td /tr tr td input value="Sign in" readonly / /td td input value="Sign up" readonly / /td /tr /table Jquery引用和登录事件 代码 ...[ 查看全文 ]

  专业苹果供应商

  61
• 
  Jquery实现无刷新DropDownList联动实现代码

  标签：Web开发

  先看HTML,我们引用Jquery,放两个DropDownList: 代码如下： style type="text/css" #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; } /style script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"/script asp:DropDownList runat="server" AppendDataBoundItems="true" asp:ListItem Tex...[ 查看全文 ]

  被遗弃的sevent

  71
• 
  jquery 插件实现图片延迟加载效果代码

  标签：Web开发

  减少了页面加载的时间了，也减轻了服务器的压力，看了一下javascript源码，里面写的了lazyload，我就百度了一下，找到了一个jquery的实现这种效果的插件：jquery.lazyload，一个很不错的插件。 比如你打开一个比较大或者长的网页，那么Lazy load能够实现先加载您所看到区域的图片，等你滚动到哪里，就加载那里的图片。 如果你是图片网站，而且一个页面要加载很多图片，这个插件是个很不错的选择。 如何使用...[ 查看全文 ]

  BJBJabcd

  31
• 
  jquery pagination插件实现无刷新分页代码

  标签：Web开发

  先把要用到的文件依次进入进来： 代码如下: script src="common/jquery.js" type="text/javascript"/script script src="common/jquery.pagination.js" type="text/javascript"/script link href="common/tablesorter.css" rel="stylesheet" type="text/css" / link href="common/pagination.css" rel="stylesheet" type="text/css" / 接着在页面的body里面写入如下的代码，在这里强调一下呈现出来...[ 查看全文 ]

  小晓爱青菜

  251
• 
  jquery ajax 登录验证实现代码

  标签：Web开发

  使用 jquery 框架：下载 jquery.js 新建一个 web 工程 ajax ； 在 webRoot 下新建一个 jslib 文件夹：专门存放 js 文件； 在 webRoot 下新建一个 html/jsp 页面： login.html 代码如下: script type = "text/javascript" src = "jslib/jquery.js"/ script script type = "text/javascript" src = "jslib/verify.js"/ script / head body h1 用户校验 / h1 !-- ajax 中可以不用 form 表单的提交 -...[ 查看全文 ]

  狮子早上好1993

  531
• 
  Jquery 动态添加按钮实现代码

  标签：Web开发

  点击添加 动态添加两个文本框： 分别表示x和y的值，点击取消 删除本行的2个文本框 记得要引入jquery.js 代码如下： script type="text/javascript" src="js/jquery.js"/script script type="text/javascript" $(function() { $("#btnMian").click(function() { //生成 0 到100000 随机数 Mapth.random产生 0到1的随机数 然后乘以100000 var maxNumber = 100000; var randomNumber = Math.round(ma...[ 查看全文 ]

  lym6688tym

  31
• 
  Jquery 滑入滑出效果实现代码

  标签：Web开发

  CSS 代码如下： style type="text/css" #divD{ width:300px; height:100px; background-color:#CC99FF; } /style Jquery代码 代码如下： script type="text/javascript" src="bg/js/jquery-1.4.2.min.js"/script script type="text/javascript" $(document).ready(function(){ $("#btnFadein").bind("click",Fadein); //为btnFadein绑定click时间 $("#btnFadeout").bind("click",Fadeout...[ 查看全文 ]

  丨无期丨徒刑丨

  891
• 
  jquery 可排列的表实现代码

  标签：Web开发

  在Table标签上设置 class="sortable" 且Table要设置ID. 表中增加了两行代码是JQuery写的.用于给奇偶行变色. 代码如下: addEvent(window, "load", sortables_init); var SORT_COLUMN_INDEX; function sortables_init() { // Find all tables with class sortable and make them sortable if (!document.getElementsByTagName) return; tbls = document.getElementsByTagName("table"); for (ti=0;...[ 查看全文 ]

  逗比i我是

  01
• 
  jQuery 处理网页内容的实现代码

  标签：Web开发

  jQuery提供两种实现这种功能的方法 – text()和html()。text()是对纯文本的处理；html()和text()相似，不同的是它还支持HTML代码。 代码如下： //设置ID为"b5_a"段落的内容为"这是新加入的文本信息"; $('#b5_a").text("这是新加入的文本信息"); //在ID为"b5_b"的div里加入一段html代码； $("#b5_b").html("p新加入一个html段落/p"); 有时我们要读取页面的内容，这也可以用text()和html()来实现。同...[ 查看全文 ]

  tys333ddd369

  01
• 
  jQuery checkbox全选/取消全选实现代码

  标签：Web开发

  jQuery版本：1.3.2 代码如下: html head script src="jquery-1.3.2.min.js" type="text/javascript"/script /head body input type="checkbox" name="chk_list" id="chk_list_1" value="1" /1br / input type="checkbox" name="chk_list" id="chk_list_2" value="2" /2br / input type="checkbox" name="chk_list" id="chk_list_3" value="3" /3br / input type="checkbox" name="chk_list" id=...[ 查看全文 ]

  B04293

  41