JavaScript资料,JavaScript文章,JavaScript文档-易库教程

使用基于jquery的gamequery插件做JS乒乓球游戏

2017年02月06日 18 阅读

我建议大家先学会些基础的JS，再学jquery，这样会更好接受些新的东西.今天我们要试着做个js经典游戏，打乒乓球的游戏，这款游戏大概是我做得最多次的了，我有用过xna、flash、js都做过同一款。先上张截图，不然大伙还不知道是什么东西. 它的演示地址是:http://www.lovewebgames.com/demo/gamepingbang/ 采用的技术是jquery+gamequery， jquery大家都知道是什么了，本文重点介绍下gameque...

基于JQuery 的消息提示框效果代码

2017年02月06日 22 阅读

详细内容请下载附件附件下载先看一下效果：内容都集合到一个1.58KB的js文件里复制代码代码如下: var returnurl = ""; var messagebox_timer; $.fn.messagebox = function （message, url, type, delay） { clearTimeout（messagebox_timer）; $（"#msgprint"）.remove（）; var m_body = $（this...

超级有用的13个基于jQuery的内容滚动插件和教程

2017年02月06日 20 阅读

如果你一直想知道这是如何实现的，那么这里的13个 jQuery 内容滚动插件教程将帮助您实现这种效果。jQuery Tools ScrollableAnythingSlider jQuery PluginSliding Boxes and Captions with jQueryMaking a Content Slider with jQuery UICreating a Slick Auto-Playing Featured Content Slide...

javascript string字符串优化问题

2017年02月06日 24 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>test</...

javascript中length属性的探索

2017年02月06日 21 阅读

例子1：复制代码代码如下: var obj={0:"a",1:"b"} alert（obj.length）; //undefined var arr=["a","b"] alert（arr.length）; // 2 从上面的例子看，类数组对象中的length属性并不和它储存的数据数量直接挂钩，无论是索引属性（0，1）还是length属性都作为对象的普通属性存在，它们之间并没有任何关系，js引擎并不会根据储存数据的数量来自动计算类数组对象的长度。但...

对象无length属性时IE6/IE7中无法将其转换成伪数组（ArrayLike）

2017年02月06日 23 阅读

有时需要将数组转成伪数组（ArrayLike），如下复制代码代码如下: var ary = ["one","two","three"]; var obj = {}; // 没有length属性 Array.prototype.push.apply（obj, ary）; for（var i in obj）{ alert（i + ": " + obj[i]）; } IE8/9/Firefox/Safari/Chrome 依次弹出了obj的key及其val...

js中将HTMLCollection/NodeList/伪数组转换成数组的代码

2017年02月06日 22 阅读

这里把符合以下条件的对象称为伪数组 1，具有length属性 2，按索引方式存储数据 3，不具有数组的push,pop等方法如 1，function内的arguments 。 2，通过document.forms，Form.elements，Select.options，document.getElementsByName（），document.getElementsByTagName（），childNodes/children 等方式获取的集合（H...

各浏览器对click方法的支持差异小结

2017年02月06日 20 阅读

如下 IE6/7/8/9/Opera12/Firefox5Safari5/Chrome12INPUT[type=text]INPUT[type=password]INPUT[type=radio]INPUT[type=checkbox]INPUT[type=button]INPUT[type=submit]INPUT[type=image]INPUT[type=hidden]INPUT[type=reset]INPUT[type=submit]INPUT[...

仅Firefox中链接A无法实现模拟点击以触发其默认行为

2017年02月06日 23 阅读

而标准的事件触发可以使用dispatchEvent方法。但现在FF5无法触发了A的默认行为了。如下复制代码代码如下: <！doctype html> <html> <head> <meta charset="utf-8"> <title>Firefox5链接A无法实现模拟点击bug</title> </head> <body> <a id="a1" h...

读jQuery之十一添加事件核心方法

2017年02月06日 24 阅读

这篇看看其源码，这个add定义如下（省略大部分）复制代码代码如下: add: function（ elem, types, handler, data ） { if （ elem.nodeType === 3 || elem.nodeType === 8 ） { return; } ... } 定义了四个参数elem、types、handler和data分别为HTMLElement、事件类型（如click）、事件响应函数、数据。此外，types 可以...

读jQuery之十二删除事件核心方法

2017年02月06日 23 阅读

.remove 所作的事情与上一篇提到的.add 刚好相反。且与.add中的处理代码一一对应，即 .add 中有多少种添加事件的方式.remove就有对应的删除方式。.remove 定义了四个参数 elem, types, handler, pos 。从字面上看四个参数的意义很明了elem 为HTMLElementtypes 为String类型，事件名称如"click"或"mouseover mouseout" handler 为Function类型，事件...

IE6/7 and IE8/9/10（IE7模式）依次隐藏具有absolute或relative的父元素和子元素后再显示父元素

2017年02月06日 23 阅读

如下 1，两个div，d1中包含d2 2，d1，d2都设置了absolute或relative 3，隐藏d1 4，隐藏子元素d2 5，显示d1 这时IE6/7 and IE8/9/10（IE7模式）中会发现，子元素d2也能显示出了（别忘了，d2被display:none 了哦）。但IE8/9/10/Firefox5/Safari4/Chrome12中子元素d2仍然是被隐藏的。重现代码复制代码代码如下: <！DOCTYPE HTML> &l...

仅img元素创建后不添加到文档中会执行onload事件的解决方法

2017年02月06日 20 阅读

示例复制代码代码如下: <！DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>仅img元素创建后却不添加到文档中会执行onload事件</title> </HEAD> <BODY> <script> var img = document.createElement（"img"）...

Javascript 类、命名空间、代码组织代码

2017年02月06日 22 阅读

复制代码代码如下: $（function （） { pageJs.urls = [ "/", "Index", ]; pageJs.run（）; }）; //the functions include html elements. Ajax function also can be put here. var Common = { init: function （） { alert（"Common"）; } }; //url--pages var Ind...

EXTJS记事本当CompositeField遇上RowEditor

2017年02月06日 23 阅读

原因是客户的物料种类非常多，有一千种之多，如果单纯用一个Combobox，那么在实际使用中，很难快速找到一个物料，所以，我使用包含物料分类和物料品牌的两个combobox来组成级联式筛选。问题恰恰出在这儿，如果在roweditor的一个字段中用多个控件，就要处理每个控件的初始化，Change事件。网上目前还未找到有人有好的解决办法。经过3天的调试，我终于解决了问题，把我的代码贴出来：复制代码代码如下: var editor=new Ext.ux.gri...

IE6下focus与blur错乱的解决方案

2017年02月06日 23 阅读

复制代码代码如下: <body> <textarea></textarea> hello <script> window.onblur=function（）{ document.title= "blur:" + Math.random（） ; } window.onfocus=function（）{ document.title= "focus:" + Math.random（） ; } </scri...

映彩衣的js随笔（js图片切换效果）

2017年02月06日 23 阅读

一个合作伙伴的页面效果，鼠标放到图片上要变成彩色，本来就是一个简单的换色效果，但问题是，图片的高度和宽度不是一样大的。这就比较麻烦了。如果把图片放到背景里就要一个一个的去定义图片外面的容器<a></a>，要多写很多层叠样式，太麻烦，最后我决定，把图片的高度的一一半，和图片的宽度赋值给它外面的容器<a></a>然后把图片做了如下处理：当鼠标移动到图片上让他向上移动30个像素，移开则回到原位。html代码如下：...

学习javascript，实现插入排序实现代码

2017年02月06日 20 阅读

插入排序插入排序是这样实现的：首先新建一个空列表，用于保存已排序的有序数列（我们称之为"有序列表"）。从原数列中取出一个数，将其插入"有序列表"中，使其仍旧保持有序状态。重复2号步骤，直至原数列为空。插入排序的平均时间复杂度为平方级的，效率不高，但是容易实现。它借助了"逐步扩大成果"的思想，使有序列表的长度逐渐增加，直至其长度等于原列表的长度。（引自百度百科） javascript代码复制代码代码如下: <...

事件绑定之小测试onclick && addEventListener

2017年02月06日 19 阅读

开发工具中应该有相应的功能，于是测试之: 前提：只是一个简单的小测试，而且 addEventListener 属于标准绑定函数，IE 中与此不兼容（IE 相应的是 attachEvent），所以此次测试先抛弃 IE，使用 Firefox 5.0.1, Chrome 14.0, Opera 11.50 测试页面：复制代码代码如下: <！DOCTYPE html> <html> <head> <title>T...

图片onload事件触发问题解决方法

2017年02月06日 23 阅读

并且随页面大小的不同情况时好时坏，甚至代码位置的不同而不同。火狐下一切正常。解决办法是再onload触发前改变图片src的值，也就是相当于图片开始时有个临时的占位图片，页面载入过程中用js换成实际需要的src，只要每次onload事件触发前src发生变化，则onload表现正常。 ...

首页 / 脚本样式 / JavaScript

使用基于jquery的gamequery插件做JS乒乓球游戏

基于JQuery 的消息提示框效果代码

超级有用的13个基于jQuery的内容滚动插件和教程

javascript string字符串优化问题

javascript中length属性的探索

对象无length属性时IE6/IE7中无法将其转换成伪数组（ArrayLike）

js中将HTMLCollection/NodeList/伪数组转换成数组的代码

各浏览器对click方法的支持差异小结

仅Firefox中链接A无法实现模拟点击以触发其默认行为

读jQuery之十一 添加事件核心方法

读jQuery之十二 删除事件核心方法

IE6/7 and IE8/9/10（IE7模式）依次隐藏具有absolute或relative的父元素和子元素后再显示父元素

仅img元素创建后不添加到文档中会执行onload事件的解决方法

Javascript 类、命名空间、代码组织代码

EXTJS记事本 当CompositeField遇上RowEditor

IE6下focus与blur错乱的解决方案

映彩衣的js随笔（js图片切换效果）

学习javascript，实现插入排序实现代码

事件绑定之小测试onclick &amp;&amp; addEventListener

图片onload事件触发问题解决方法

读jQuery之十一添加事件核心方法

读jQuery之十二删除事件核心方法

EXTJS记事本当CompositeField遇上RowEditor

事件绑定之小测试onclick && addEventListener