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

jquery实现的带缩略图的焦点图片切换（自动播放/响应鼠标动作）

2016年07月27日 5 阅读

demo04.html 复制代码代码如下: <！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-eq...

jquery简单瀑布流实现原理及ie8下测试代码

2016年07月27日 5 阅读

测试环境：ie8 ff13.0.1 chrome22 可以将分页获取的内容依次填入四个div中，瀑布流的分页可以以多页（比如5页）为单位二次分页，这样可以减少后台算法的复杂度复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <...

jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码

2016年07月27日 6 阅读

html 文件 gundong-0.1.html 复制代码代码如下: <！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> <...

jquery实现表格奇数偶数行不同样式（有图为证及实现代码）

2016年07月27日 6 阅读

非侵入实现，控制更方便效果图：复制代码代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>javascript practice</title> <script type="text/javascript" src="jquery-1.8.0.m...

JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

2016年07月27日 5 阅读

最近看一个网站，发现显示器不同的分辨率，样式文件调用的也不一样，今天写了一个例子研究一下，复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link rel="stylesheet" id="sc" type="text/css" href="css/c1....

javascript游戏开发之《三国志曹操传》零部件开发（一）让静态人物动起来

2016年07月27日 6 阅读

首先来说，让一个游戏赋有可玩性必须要动静结合。（哈哈，大家以为我要讲作文了。。。但其实我今天要讲的是Javascript）静态的东西谁不会做呢？因为东西一生下来就是静态的（除非你是用的gif动画），所以不需要任何处理就能完成静态。那么我将要在下面告诉大家如何运用Javascript将静态图片变为动态图片。一、图片准备fight01.pngfight02.pngfight03.pngfight04.png03.png02.png01.png首先，我找了一些出...

javascript游戏开发之《三国志曹操传》零部件开发（二）人物行走的实现

2016年07月27日 5 阅读

上一讲我们谈到了如何让静态人物变为动态，今天我们来谈谈如何使人物移动，因为这一讲涉及上一讲内容所以我把上一讲的链接写在下方：一、图片准备今天我准备换几张图片，这样更新鲜些。这些素材照样来自《三国志曹操传》，如果我没记错，应该是曹操的素材。接下来我要结合上一次的技术，来告诉大家如何使人物走动起来。不过今天我们着重在于如何使人物走动，因为我们上一讲已经讲了如何使人物化静态为动态。二、代码讲解先看总的javascript代码：复制代码代码如下:var move...

javascript游戏开发之《三国志曹操传》零部件开发（三）情景对话中仿打字机输出文字

2016年07月27日 5 阅读

前两讲我告诉了大家如何使人物移动，那么今天我们就来看看如何实现仿《三国志曹操传》人物情景对话。具体的链接我写在下方。一、前言相信大家都还记得吧，在某些新闻里会有一些惨不忍睹的结果是用像打字机一样的方式把文字弄出来。那么今天的主要目的就是要办到这个。就在9月5日的时候，我在办公室里起了个做这种程序的念头，并且有了点思路。我首先想用调margin的方法，按理说是作出来了，但很不让人满意，毕竟很麻烦，并且技术也差。所以我打算用上数组和循环。9月13日我抽空写出来...

javascript游戏开发之《三国志曹操传》零部件开发（四）用地图块拼成大地图

2016年07月27日 6 阅读

小时候我们玩过拼图游戏，是用自己的手去拼的。今天我们来研究研究用javascript来拼图。同样是拼图，但用js拼图要比用手拼图麻烦多了，因此以后我要把它优化成引擎。一、前言以上是一段导语，话不扯远，对《三国志曹操传》熟悉的玩家知道，《三国志曹操传》的地图是由小地图块拼成的，那要实现它就和导语说得一样：很麻烦。不过即使麻烦也是一门技术，因此在此分享给大家，希望大家喜欢。二、代码讲解今天我要换换讲解方式，先不给代码，我们先来想想原理。现在，假如你有一幅图片，...

javascript游戏开发之《三国志曹操传》零部件开发（五）可移动地图的实现

2016年07月27日 5 阅读

一、前言这一讲的内容很简单，大家理解起来会更快。因此我只对重点加以分析，其他的就轮到大家思考哦！首先来说，我对游戏开发可以算是不怎么深入，因为现在的程序员爱用canvas，我却就只会拿几个div凑和。不过没关系，因为做出来的同样是游戏。哈！废话最近有点多，望大家原谅。接下来请看代码解析。二、代码讲解今天调一下讲解顺序，先看代码后看图片。这是slg.js里的内容：复制代码代码如下:var subtractedMargin = 0; var subtra...

jQuery ajax（复习）—Baidu ajax request分离版

2016年07月27日 7 阅读

你没有看错标题，本文的确是在讲Baidu ajax，不过是很久很久以前的版本了。由于jQuery ajax模块有800+行，而核心函数jQuery.ajax就有380+行，直接分析这段代码很容易被代码逻辑弄晕。所以我们先分析一段简单的ajax代码，来自早期的百度七巧板项目。通过这个来先复习一遍ajax的知识。 baidu.ajax.request分离版复制代码代码如下: /** * 发送一个ajax请求 * @author: allstar, e...

（跨浏览器基础事件/浏览器检测/判断浏览器）经验代码分享

2016年07月27日 6 阅读

跨浏览器基础事件复制代码代码如下: //跨浏览器添加事件 function addEvent（obj, type, fn） { if （obj.addEventListener） { obj.addEventListener（type, fn, false）; } else if （obj.attachEvent） { obj.attachEvent（"on" + type, function （） { fn.call（obj）; }）; } } //...

THREE.JS入门教程（1）THREE.JS使用前了解

2016年07月27日 5 阅读

Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。国外网站 aerotwist.com 有六篇较为简单的入门教程，我尝试着将其翻译过来，与大家分享。我在一些实验项目中使用了Three.js，我发现它对快速上手浏览器3D编程确实很有帮助。通过Three.js，你不仅可以创...

THREE.JS入门教程（2）着色器-上

2016年07月27日 6 阅读

译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介之前我已经给出了一篇《开始使用Three.js》。如果你还没有读过，你可能需要去读一下，本文的基础是在那一篇教程的基础上完成的。我想讨论一下着色器。在Three.js帮助你免去了很多麻烦之前，原生WebG...

THREE.JS入门教程（3）着色器-下

2016年07月27日 5 阅读

译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 .简介这是WebGL着色器教程的后半部分，如果你没看过前一篇，阅读这一篇教程可能会使你感到困惑，建议你翻阅前面的教程。上一篇结束的时候，我们在屏幕中央画了一个好看的粉红色的球体。现在我要开始创建一些更加有意思的东...

THREE.JS入门教程（4）创建粒子系统

2016年07月27日 6 阅读

译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介嗨，又见面了。这么说我们已经开始学习Three.js了，如果你还没有看过之前三篇教程，建议你先读完。如果你已经读完前面的教程了，你可能会想做一些关于粒子的东西。让我们直面这个话题吧，每个人都爱粒子效果。不管...

THREE.JS入门教程（5）你应当知道的十件事

2016年07月27日 5 阅读

Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介嗨，这是我的第一篇关于如何写出好的代码的文章。和很多开发者一样，我通过实践学习，但同时我也向其他更有经验的开发者们学习。在过去的几个月中，我在canvas标签上花了很多时间，我想如果把这段时间学到的关于WebGL...

jquery焦点图片切换（数字标注/手动/自动播放/横向滚动）

2016年07月27日 5 阅读

demo01.html 复制代码代码如下: <！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-eq...

Js 回车换行处理的办法及replace方法应用

2016年07月27日 6 阅读

当我们在文本框里输入文字敲下回车后，希望在提交后网页也显示是换行的效果，这时我们需要把提交的内容做下处理才可以达到效果。 1、定义js原生的替换函数。js里没有replaceAll的函数，需要我们自定义复制代码代码如下: String.prototype.replaceAll = function（s1,s2）{ return this.replace（new RegExp（s1,"gm"）,s2）; } 2、使用js的replace进行处理复制...

js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍

2016年07月27日 5 阅读

IE 左键是 window.event.button = 1 右键是 window.event.button = 2 中键是 window.event.button = 4 没有按键动作window.event.button = 0 Firefox 左键是 event.button = 0 右键是 event.button = 2 中键是 event.button = 1 没有按键动作 event.button = 0 Opera 7.23/7.54 鼠标...

首页 / 脚本样式 / JavaScript

jquery实现的带缩略图的焦点图片切换（自动播放/响应鼠标动作）

jquery简单瀑布流实现原理及ie8下测试代码

jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码

jquery实现表格奇数偶数行不同样式（有图为证及实现代码）

JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

javascript游戏开发之《三国志曹操传》零部件开发（一）让静态人物动起来

javascript游戏开发之《三国志曹操传》零部件开发（二）人物行走的实现

javascript游戏开发之《三国志曹操传》零部件开发（三）情景对话中仿打字机输出文字

javascript游戏开发之《三国志曹操传》零部件开发（四）用地图块拼成大地图

javascript游戏开发之《三国志曹操传》零部件开发（五）可移动地图的实现

jQuery ajax（复习）—Baidu ajax request分离版

（跨浏览器基础事件/浏览器检测/判断浏览器）经验代码分享

THREE.JS入门教程（1）THREE.JS使用前了解

THREE.JS入门教程（2）着色器-上

THREE.JS入门教程（3）着色器-下

THREE.JS入门教程（4）创建粒子系统

THREE.JS入门教程（5）你应当知道的十件事

jquery焦点图片切换（数字标注/手动/自动播放/横向滚动）

Js 回车换行处理的办法及replace方法应用

js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍