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

JQuery 遮罩层实现(mask)实现代码的相关文章

• 
  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 锁定弹出层实现代码

  标签：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实现无刷新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插件 tabBox实现代码

  标签：Web开发

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

  smilebirdtime

  111
• 
  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 动态添加按钮实现代码

  标签：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开发

  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开发

  代码如下： script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"/script input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ /1br / input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ /2br / input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ /3br / input type=”checkbox” name=”checkbox_name[]” id=...[ 查看全文 ]

  李李李李大先生

  51
• 
  jQuery 添加/移除CSS类实现代码

  标签：Web开发

  其中一种办法是改变页面元素的CSS类(Class)，这在传统的Javascript里，我们通常是通过处理HTML Dom的classname特性来实现的；而jQuery里提供三种方法来实现这个功能，虽然它们和传统方法的思想相通，但是却节省了许多代码。还是那句话 - “jQuery让JavaScript代码变得简洁！” 1. addClass() - 添加CSS类 代码如下： $("#target").addClass("newClass"); //#target 指的是需要添加样式的元素的ID //...[ 查看全文 ]

  尋找那隻貓

  11
• 
  jquery 可拖拽的窗体控件实现代码

  标签：Web开发

  所以要引入JQUERY框架。 把我的这个控件代码放到一个js文件里面直接引入就可以了 控件代码 代码如下： $.fn.myDrag = function() { var self = $(this); self.css("position", "absolute"); var p = self.position(); self.css({ left: p.left, top: p.top }); self.mousedown( function(event) { // debugger; self.data("ifDary", "true"); //保存状态，表示是否可以拖拽 // debugger; var ...[ 查看全文 ]

  廊坊花花手镯

  311
• 
  JQuery Easyui Tree的oncheck事件实现代码

  标签：Web开发

  用firebug查看其生成html，发现其checkobx是假的，只是一个span，来回的变样式而已，汗 代码如下： $(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() { if ($(this).hasClass("tree-checkbox0")) { $(this).removeClass("tree-checkbox0").addClass("tree-checkbox1"); } else { if ($(this).hasClass("tree-checkbox1")) { $(this).removeClass("tree-checkbox1"...[ 查看全文 ]

  冯诺伊曼

  291
• 
  jquery 简单的进度条实现代码

  标签：Web开发

  其实我本来的计划是做网页设计师的，可是没有人认为我设计的好，哥到现在还没有工作，发泄一下，不多说了。 效果图 需要用到的图片： 背景图片： 进度显示图片： 网页结构： 代码如下： div div/div divdiv/div/div /div css代码： 代码 代码如下： #center{ margin:50px auto; width:400px; } #loading{ width:397px; height:49px; background:url(bak.png) no-repeat; ...[ 查看全文 ]

  秦烩胞弟

  171
• 
  Jquery+JSon 无刷新分页实现代码

  标签：Web开发

  控件类代码： 代码如下： using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Reflection; using System.IO; [assembly: WebResource("PageBarJS.js", "application/x-javascript")] namespace Hawkon.Control { [DefaultProperty...[ 查看全文 ]

  我一人走在街头

  01
• 
  基于jquery用于查询操作的实现代码

  标签：Web开发

  打包下载 一.本文干些啥： 通过javascript得到用户操作改变url参数从而实现某些功能，如查询(具体的查询由服务器端代码得到url中的参数组成查询语句实现)。 二.准备工作： 一个JQuery类库(我使用的版本为：1.3.2)，一个工具类库(Tool.js，基本都是网上搜索来的代码)，一个查询类库(Search.js，自己写的),一个htm页面（用来做练习），将这些js代码添加进页面htm页面。 htm页面 代码如下: !DOCT...[ 查看全文 ]

  liu_后花园

  51
• 
  jQuery ctrl+Enter shift+Enter实现代码

  标签：Web开发

  通过事件的which可以找到键码 不过当有组合键的时候还需要注意一下 如ctrl+enter键，虽然都是用e.ctrlKey但是 enter键的键码不是始终为13了 在ff中 判断 ctrl+enter 是 e.ctrlKey && e.which ==13 在ie6中 判断ctrl+enter 是 e.ctrlKey && e.which ==10 示例： 代码如下: $(document).keypress(function(e){ if(e.ctrlKey && e.which == 13 || e.which == 10) { $("#btn").click(); } else if (e...[ 查看全文 ]

  VIP薛小朵

  51
• 
  Jquery操作radio,checkbox,select表单操作实现代码

  标签：Web开发

  一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值...[ 查看全文 ]

  我叫小团团

  171
• 
  重定向实现代码

  标签：Web开发

  代码如下： 1.  script language="javascript"  !--  location.replace("www.goldtimes.net");  --/script  2.  meta http-equiv="refresh" content="0;url=http://www.goldtimes.net"   3.  script language="javascript"  !--  self.location="";  --/script  [ 查看全文 ]

  打麻将赢钱了

  101