smshuxue的专栏

何为页面 Mask (遮罩)？看过 jQuery 的 Lightbox 插件的一定不会陌生。就是在页面上建一个透明层遮盖住页面的全部内部。在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。

jquery 表格分页等操作实现代码(pagedown，pageup)没什么技术含量，先上图： 思路： 1：获取按键 2：判断当前表格行的位置 HTML结构： 复制代码 代码如下: firstname: lastname: age: percent: Peter Parker 28 20

原料库管理 function Page(iAbsolute,sTableId,sTBodyId,page) { this.absolute = iAbsolute; //每页最大记录数 this.tableId = sTableId; this.tBodyId = sTBodyId; this.rowCount = 0;//记录数 this.pageCount =

一直感觉网易博客邮箱为了改善用户体验，把ajax用到了极致。但是过分的运用某种技术，反而感觉不好，有点过犹不及了。不可否认的是网易的javascript library很优秀。 目前ajax框架很多，最近JQuery Ui 发布了1.5beta版。转载一下JQuery Ui的使用。官方的demo链接http://ui.jquery.com/demos。 所有效果说明：基本的鼠标互动

jQuery插件jQuery Spin Button自定义文本框数值自增或自减 　　jQuery插件JQuery Pager分页器实现javascript分页功能 　　jQuery插件FontSizer实现Javascript自定义动态调整网页文字大小 　　jQuery插件Magnify放大镜实现javascript图片放大功能 　　jQuery插件tooltip提

我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片1. window.onload = function(){}2. window.onload ＝ functionName; // [color=red]注意:没有括号 3. IE:   window.attachEvent(

页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。(可以说：ready 在onload 前加载！！！)我的理解： 一般样式控制的，比如图片大小控制放在onload 里面加载;              而：jS事件触发的方法，可以在ready 里面加载;用jQ的人很多

最近的项目中涉及到了用户个性化定制首页的需求，用户要求可以随意拖动首页模块的位置，来实现个性化的布局。本文讲解如何使用jquery和PHP实现拖动布局并将拖动后的布局位置保存到数据库。查看演示DEMO下载源码很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置，也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏

今闲着无聊 顺便看了下jquery ui的拖拽插件，实现拖拽的方法很简单，看到效果后兴奋小下...但是如何保存顺序呢，想到了cookie，但是用如何用cookie保存顺序呢，直接保存html代码下次读取覆盖可以，但是总感觉内容多的话 保存的东西比较多，后用ui插件获取id保存id在读取实现了顺序的保存，废话不多说..直接看代码...复制代码 代码如下:

JQuery UI是JQuery官方支持的WebUI 代码库，包含底层交互、动画、特效等API，并且封装了一些Web小部件（Widget）。同时，JQuery UI继承了jquery的插件支持，有大量的第三方插件可以丰富JQuery UI的功能。JQuery UI提供的API极大简化了拖拽功能的开发。只需要分别在拖拽源(source)和目标(target)上调用draggable和droppa

Download Source FilesView Live DemoA live demo is available for this Tutorial.  Click here to view it onlineToday we will be creating a dynamic dashboard with live charts, through

上班之余抽点时间出来写写博文，希望对新接触的朋友有帮助。今天在这里和大家一起学习一下字符串字符    ylbtech-string:字符串(string)对象    JavaScript String（字符串）对象 实例length性属indexOf(),lastIndexOf()replace()match()toUpperCa

JS的字符串都是string对象，可以用string对象的length属性可以获取其长度，但是无论是中文、全角符号以及英文最小长度单位都是1，这与php的strlen()并不相同。代码如下:function strlen(str) { var s = 0; for(var i = 0; i if(str.charAt(i).match(/[u0391-uFFE5]/)) {

方法（一）（转载的网络资料）需要了解的知识    首先，我们需要了解onchange和onpropertychange的不同：    IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。onpropertychange 是IE浏览器的专

JavaScript之事件对象…      基于不同浏览器开发的开发人员都知道，获取事件信息是很重要的。所以，会创建包含关于刚刚发生的事件的信息事件对象，包含的信息如下：引起事件的对象；事件发生时鼠标的信息；事件发生时键盘的信息；事件对象只在发生事件时才被创建，且只有事件处理函数才能访问。所有事件处理函数执行完毕后，事件对象就被销毁。（一） 定位        在IE中，事件对象是

Javascript 仿Flash平滑效果的图片轮翻，完全用JavaScript代码实现，图片轮番间隔、按钮每次移动的距离以及图片显示框的大小都可以再次定义，以适应你的网页需要。javascript图片轮换 #album{ position:relative; width:400px; height:300px; border:10px solid #EF

一个较简单的js图片轮播网页特效，一张一张切换图片，就像放幻灯片一样，有渐变过渡效果。兼容IE,火狐等，图片路径定义在JavaScript代码内，请按顺序处理好所需图片，修改JS代码和CSS就可以了，美工好的自己拿去美化吧。#cnt{width:100%;height:80%;}.ctrl{text-align:center;border:1px solid gray;font-

我在这里列出两种滚动模式：大家可以将代码拷贝到本机，建立一个html文件，直接运行就可以了。1：一个一个的循环上移a{display:block;font-size:15px};1,我要赚钱，2,我要生活 3,我要买房，4,我要一切5,男人就要对自己狠点var t=setInterval(myfunc,1000)var d=document.getElementById

jQuery.form.js表单插件，可以让您轻松地在HTML表单中使用AJAX。主要的方法，ajaxForm和ajaxSubmit从表单元素，收集信息，以决定如何管理提交过程。更多方法：formToArray，formSerialize，fieldSerialize，fieldValue，clearForm，clearFields，resetForm示例代码：// wait

在做AJAX应用开发的时候，我们通常喜欢把服务器端返回的JSON格式字符串在客户端的回调函数中把它作为JavaScript代码执行并用一个变量保存起来，以方便使用返回的数据。通常的做法就是var jsonData = eval(xmlHttp.responseText)。这看起来似乎一切都是正确的，但当你运行代码的时候，你会发现报“invalid labe”错误了。为什么？我也不清楚，但我找到

1、DynaTree (推荐使用，说明文档以及样例在下载的压缩包里\doc\samples.html)DynaTree 是一个优化的动态jQuery树查看插件，它只在需要时才创建DOM元素。支持checkbox、层级选择以及拖放功能。并且支持ajax和延迟加载。开源协议：MIT和GPL。 Demo：http://wwwendt.de/tech/dynatree/doc/samples.

progressbar.js:Ext.onReady(function(){ //手动 var config = { text: '请稍后...', width: '300', renderTo: document.getElementById('progressbar'), //cls: 'progress-ba

JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感 setTimeout( function(){ alert('你好!'); } , 0); setInterval( callbackFunction , 100);

var obj=eval("("+traItem.rel+")"); //性能不好 var obj = (new Function("return " + traItem.rel))(); var obj = JSON.parse(traItem.rel); //这个要求的格式比较严格

js setTimeout 和 setInterval 的区别

Javascript 返回上一页1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL)例: 向上一页response.Write

url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。type:要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和     delete也可以使用，但仅部分浏览器支持。timeout:要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设      

1.  js 数组循环遍历。数组循环变量，最先想到的就是 for(var i=0;i除此之外，也可以使用较简便的forEach 方式 2.  forEach 函数。Firefox 和Chrome 的Array 类型都有forEach的函数。使用如下：[html]           New Document            

作为ExtJs开发者,已经跟ExtJs打了将近两年交道.觉得自己应该做点什么.至少我确定现在还有很多面对ExtJs4这个强悍的组件无从下手的朋友.请你一定要读我:　　我并不是一名专业的翻译人士,也不是一名专业前端开发人员,我曾经去书写一片ExtJs树的开发指南,可是时过境迁,如今拿起来再一看十分的不满意,至少,跟官方的doc是不可能比的.　　这次我只是在做一个官方文档的翻译,并没有想过

貌似AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要“随波逐流”一把，不然饭碗不保啊！之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jqu

eval的用法eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句,下面给出eval解析json的示例先来说eval的用法，内容比较简单，熟悉的可以跳过eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。 需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才

又一款网页瀑布流效果，可以实现图片的无限制加载。基于时下流行的HTML5技术编写而成，演示页面中一共调用了7张图片，为了演示方便，这里让其随滚动条的滚动自动循环显示，这样大家更能清楚的看明白瀑布流的效果。除了实现瀑布流，还加入了CSS5的图片修饰效果，比如图片的圆角边框、图片阴影立体效果等，是学习瀑布流的好素材 。jQuery无限加载瀑布流/* 标签重定义 */body{padd

事件对象 的获取很简单，很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的，Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定代码如下:var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。 1，第一种

javascript code: 代码 复制代码 代码如下:function expandOther(el, el2) { whichEl = document.getElementById(el) button = document.getElementById(el2) if (whichEl.style.display == 'none') { whichEl

function Url_copy(ob){ob.select();js=ob.createTextRange();js.execCommand("Copy");alert("地址已成功复制！");}document.write("<img src=\"images/news/b1.gif\" onclick=\"Url_copy(surls)\" border=0 a

因为客户有特殊需求，需要通过鼠标直接在文本框粘贴内容即可触发事件。请问改用什么办法实现？我查了一下jquery的chm文档，没有这种类型的事件。我需要的是单纯的文本框字符改变即可触发的事件。和焦点事件无关和键盘事件无关，鼠标事件也达不到要求。因为当鼠标选择粘贴的时候是在文本框外面的 无法触发事件(如下图).分享到：2011-09-09 12:

问题解决了!用的jQuery中的paste事件，这里需要注意，如想获得粘帖文本要使用setTimeout控制下时间。$("#input").bind('paste', function(e) {var el = $(this);setTimeout(function() {var text = $(el).val();alert(text);}, 100);});貌

1.单击事件___onclick02 用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.03 如:04 05 2.改变事件___onchange06 当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.07 如;08 09 3.选中事件____onselect10 当text或textarea对象中

abc追问onpaste="alert('粘贴');" oncopy="alert('拷贝');"仅限于body标签吗？在textarea标签中能使用吗？回答你可以试试,应该都可以用.追问哦 那我如何在粘贴事件中获取粘贴的内容？回答function getSelectionText() { if (window.get

在看书的时候，UESTC-前端群有人问问题，js怎么监听右键粘贴事件，。于是乎里面的大神就各种献策，，。于是得到一些信息，以前没有太记住的：1、onpropertychange用于input，可靠性不知道，先记住这个事件吧。2.、粘贴事件用于剪切板。应该说是在可输入区域触发onpaste事件，触发的源是剪切板。3、niko说用轮询判断是否输入或失去焦点，学习