Fixie.js 自动填充内容的插件
Fixie.js是一个自动填充HTML文档内容的开源工具 官方网址地址:http://fixiejs.com/ Fixie.js 下载地址 fixie_jb51.rar为什么使用Fixie? 当我们设计网站的时候,由于无法确定最终填充的内容,经常需要添加一写lorem ipsum(关于Lorem ipsum)到页面里面来预览一下页面的展现效果。 问题来了,添加过多的无聊的内容,使得我们的HTML文... [阅读全文]
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载 以前对于JavaScript总是在用到的时候在页面上写几个函数,基本没考虑到函数的封装与重用,最近有个项目可能对于这方面要求有点高,所以就研究了下类似jQuery的封装。 这里就图片等比缩放以及预加载的效果来尝试下,写写类似的JavaScript代码。 图片等比缩放以及预加载的效果如下(预加载效果有时候会不是很明显): JS... [阅读全文]
浅谈Javascript事件模拟
这就意味着会有适当的事件冒泡,并且浏览器会执行分配的事件处理程序。这种能力在测试web应用程序的时候,是非常有用的,在DOM 3级规范中提供了方法来模拟特定的事件,IE9 chrome FF Opera 和 Safari都支持这样的方式,在IE8及以前的办法的IE浏览器有他自己的方式来模拟事件 a)Dom 事件模拟 可以通过document上的createEvent()方法,在任何时候创建事件对... [阅读全文]
浅谈Javascript鼠标和滚轮事件
a)鼠标事件 鼠标事件也许是web页面当中最常用到的事件,因为鼠标是最常用的导航设备,在DOM3级事件上定义了9个鼠标事件,分别为: click:当用户点击鼠标主键通常是指鼠标左键或按回车键时触发。 dbclick:当用户双击鼠标主键时发生触发,这个事件并没有在DOM2级事件中定义但是却被普遍支持了,后来在DOM3级中得到了标准化。 mousedown:当用户按下鼠标任意一个键都会触发,这... [阅读全文]
UI Events 用户界面事件
UI Events并不是直接与用户行为相关,UI Event 包括如下: DomActivate:当元素被用户的某些行为激活时,触发该事件,例如用户的鼠标或者键盘事件。这一事件在DOM3级事件中被废弃了,FF2+和chrome支持,犹豫跨浏览器实现机制的不同,不推荐使用这个事件。 load:在window对象上触发是当页面加载完毕之后触发的,在frameset 是当所有的frames都加载完毕... [阅读全文]
跨浏览器的事件对象介绍
复制代码 代码如下:var eventUtil = { getEvent : function(event){ return event ? event : window.event; }; getTarget : function(event){ return event.target || event.srcElement; }; preventDefault : function(event... [阅读全文]
IE事件对象(The Internet Explorer Event Object)
看下面的例子, 复制代码 代码如下: var btn = document.getElementById('mybtn'); btn.onclick = function(){ var event = window.event; alert(event.type);//"click" } 此时,event对象来源于window.event对象,并且之后又用于确定事件类型。然而,当even... [阅读全文]
jquery 获取自定义属性(attr和prop)的实现代码
1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值。) 3. attr(属性名,函数值) //设置属性的函数值 (为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,... [阅读全文]
javascript 事件处理程序介绍
1、DOM0级事件处理程序 将一个函数值给一个事件处理程序属性。 例如: 复制代码 代码如下:var btn = document.getElementById("myBtn"); btn.onclick = funtion(){ alert(this.id); //"myBtn" } 删除事件,btn.onclick = null; -------------------------------... [阅读全文]
浅谈Javascript事件处理程序的几种方式
事件就是用户或浏览器自身执行的某种动作。比如说click,mouseover,都是事件的名字。而相应某个事件的函数就叫事件处理程序(或事件侦听器)。为事件指定处理程序的方式有好几种。 一:HTML事件处理程序。 如: 复制代码 代码如下:script type="text/javascript" function show(){ alert('hello world!'); } /script i... [阅读全文]
jQuery.extend 函数的详细用法
Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的... [阅读全文]
妙用Jquery的val()方法
看下面的一个例子: 复制代码 代码如下:input type="text" id="address" value="请输入邮箱地址"/ br/br/ input type="text" id="password" value="请输入邮箱密码"/ br/br/ input type="button" value="登陆"/ 代码: 复制代码 代码如下:$("#address").focus(fun... [阅读全文]
Javascript的各种节点操作实例演示代码
代码如下: 复制代码 代码如下:!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 title="Javascri... [阅读全文]
jquery命令汇总,方便使用jquery的朋友
jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 p 元素 .class.class $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素... [阅读全文]
基于jquery json的省市区联动代码
效果演示: html代码: 复制代码 代码如下:!DOCTYPE html html head meta charset="utf-8" / title省市区联动/title script src="/Scripts/jquery.min.js" type="text/javascript"/script script src="/Scripts/script.js" type="text/ja... [阅读全文]
JS时间选择器 兼容IE6,7,8,9
在线演示: http://demo.jb51.net/js/2012/js_date/复制代码 代码如下:html head titleJs日期选择器并自动加入到输入框中/title meta http-equiv="content-Type" content="text/html;charset=gb2312" script type="text/javascript" var gMonths=... [阅读全文]
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
核心代码: 复制代码 代码如下:$(function(){ var timer = true; //执行向上或向下的开关 var liindex = 0; //LI的索引 var $div = $(".byc").find("div"); //每隔三秒执行一次变换LI的内容 var set1 = setInterval(function(){ ainbyc($div); liindex = 0; ... [阅读全文]
jQuery动态添加 input type=file的实现代码
复制代码 代码如下:form id="fileForm" action="" method="post" enctype="multipart/form-data" tr td input type="file" name="file"input type="button" id="addButon" value="Add" _disibledevent=/td /tr /form 核心jquer... [阅读全文]
jQuery操作select的实例代码
select: 复制代码 代码如下:夺得2008年欧洲杯冠军的国家是: select name="nation" id="nation" option value=""请选择/option option value="Germany"德国/option option value="France"法国/option option value="Italy"意大利/option option valu... [阅读全文]
基于jQuery的遍历同id元素 并响应事件的代码
完整测试代码:复制代码 代码如下:!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 meta http-equiv=... [阅读全文]
jQuery操作 input type=checkbox的实现代码
复制代码 代码如下:input type="checkbox": 2012欧洲杯"死亡之组"小组出线的国家队是:br input type="checkbox" name="nation" value="Germany"德国 input type="checkbox" name="nation" value="Denmark"丹麦 input type="checkbox" name="natio... [阅读全文]
jQuery操作input type=radio的实现代码
input type="radio"如下: 复制代码 代码如下:input type="radio" name="city" value="BeiJing"北京 input type="radio" name="city" value="TianJin"天津 input type="radio" name="city" value="NanJing"南京 input type="radio" na... [阅读全文]
精心挑选的15个jQuery下拉菜单制作教程
今天本文就为大家挑选了25个非常好的 jQuery 下拉菜单制作教程和示例。 Slide Down Box Menu with jQuery and CSS3 ( 演示 | 下载 ) Fancy Drop Down Menus Using CSS and JQuery. ( 演示 | 下载 ) Sliding Jquery Menu ( 演示 | 下载 ) Create Simple Dro... [阅读全文]
通过Javascript将数据导出到外部Excel文档的函数代码
复制代码 代码如下:function AutomateExcel() { try { //Start Excel and get Application object. var oXL; try { oXL = new ActiveXObject("Excel.Application"); } catch(e) { alert("无法启动Excel!\n\n如果您确信您的电脑中已经安装了Excel... [阅读全文]
通过Javascript创建一个选择文件的对话框代码
CSS 样式: 复制代码 代码如下:DIV.neat-dialog-cont { Z-INDEX: 98; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100% } DIV.neat-dialog-bg { Z-INDE... [阅读全文]
uploadify 3.0 详细使用说明
使用: 复制代码 代码如下://绑定的界面元素input id='gallery'type='file'/ $("#gallery").uploadify({ 设置参数,参数如下. }); 设置的属性: 复制代码 代码如下:id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://www.static-xxx.nu/uploader/u... [阅读全文]
Jquery上传插件 uploadify v3.1使用说明
官方地址:http://www.uploadify.com/ 脚本之家提供的下载地址:http://www.jb51.net/jiaoben/21484.html官方英文文档:http://www.uploadify.com/documentation/ 使用方法(.net版本): 前台JS 复制代码 代码如下:$("#id").uploadify({ height: 30, swf: '/upl... [阅读全文]
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
之前一直都不曾注意到这一点,今天幸亏看了kuibono的文章,下面是kuibono给出的手动回收xmlHttpRequest对象的代码片断: 每次jquery的Ajax请求都会创建一个xmlHttprequest对象,理论上讲,长连接的请求是一个无限递归,请求数量是非常大的,但是由于每次请求都会建立一个新的xmlhttprequest,而且jquery不会自动回收资源,所以导致了内存溢出。 通过查... [阅读全文]
jquery图片延迟加载 前端开发技能必备系列
目前,主要的购物网站都采用了这种加载方式。今天在一个网友的站里发现一个图片延迟加载的插件,很好用,在这里介绍一下。 先介绍一下图片延迟加载原理。我们需要先将图片的真实地址保存在一个自定义的属性中(属性名任你发挥吧,这里我用的是lazy-src),而图片的src属性中用一个占位图片来替代,这个占位图片当然是越小越好,它基本上只干活、不露面。 复制代码 代码如下:img src="images/pla... [阅读全文]
到处都是jQuery选择器的年代 不了解它们的性能,行吗
最近,我就对jQuery的选择器使用做了一些个小小的实验,用来说明jQuery的不同选择器在不同的情况下,哪个效率更高,更值得使用。 先在每个测试页面的head中引入google提供的jquery文件和用于测试的小插件firejspt。 复制代码 代码如下:!-- 引入FireJSPT的库文件 -- script type="text/javascript" src="firejspt.js"/s... [阅读全文]