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

jQuery制作拼图小游戏

2017年02月06日 13 阅读

源代码思路分析：【一】如何生成图片网格，我想到两种方法：（1）把这张大图切成16张小图，然后用img标签的src （2）只有一张大图，然后每个元素的背景图用css的background-position进行切割定位，这样就需要16个数组[0,0],[-150,0],[-300,0]..........（我采用这种）【二】图片背景定位数组与布局定位数组在选择了使用CSS定位切图，就需要生成数据。需要的css背景定位数组为：[0,0],[-1...

js在指定位置增加节点函数insertBefore（）用法实例

2017年02月06日 13 阅读

本文实例讲述了js在指定位置增加节点函数insertBefore（）用法。分享给大家供大家参考。具体分析如下：函数原型如下：insertBefore（参数1，参数2）：在指定位置添加节点具体代码如下：复制代码代码如下:<html><head><script type="text/javascript">function t（）{var nodeli = document.createElement（"li"）;//创建...

jQuery实现瀑布流的取巧做法分享

2017年02月06日 12 阅读

分析：瀑布流，做法有2种（1）绝对定位方案：每个单元格设置为绝对定位，通过计算，分别设置 top , left 即可实现（2）浮动方案：弄N列布局（浮动），然后图片数据，按顺序依次插入，如N为3列，第一张图片插入到第一列，第二张图片插入到第二列，第三张图片插入到第三列，第四张图片插入到第一列........这样循环插入（不能自适应）CSS与HTML代码：复制代码代码如下: body,ul,li{margin:0;margin:0;} ul{list-...

javascript使用appendChild追加节点实例

2017年02月06日 15 阅读

本文实例讲述了javascript使用appendChild追加节点的方法。分享给大家供大家参考。具体分析如下：DOM树节点的增加，实例代码如下：复制代码代码如下:<html><head><script type="text/javascript">function t（）{var nodep = document.createElement（"p"）;//创建p节点var art = document.createT...

js常用系统函数用法实例分析

2017年02月06日 12 阅读

本文实例讲述了js常用系统函数用法。分享给大家供大家参考。具体代码如下：复制代码代码如下:<html><head></head><body><script type="text/javascript">//1. escape（）函数，把字符串转成各计算机平台通用的unicode编码；解码（转回去）则用enescape（）。var str = "王美人";document.write（escape...

Jquery api 速查表分享

2017年02月06日 12 阅读

选择符匹配*所有元素#id带有给定ID的元素element给定类型的所有元素，比如说html标签.class带有给定类的所有元素a,b匹配a或者匹配b的元素ab作为a后代的匹配b的元素（包括孙子辈的）a>b作为a子元素的匹配b的元素（只包括儿子辈）:first结果集中的第一个元素:last结果集中的最后一个元素:not（a）结果集中与a不匹配的所有元素:even结果集中的偶数元素（从0开始计数）:odd结果集中的奇数元素（从0开始计数）:eq（ind...

js函数内变量的作用域分析

2017年02月06日 12 阅读

本文实例分析了js函数内变量的作用域。分享给大家供大家参考。具体分析如下：先看一个函数实例：复制代码代码如下:<html><head></head><body><script type="text/javascript">var a = 5;var c = 3;function t（）{var a = 6;var b = 10;document.write（a+"-----"+b）;docume...

jQuery实现友好的轮播图片特效

2017年02月06日 12 阅读

先上效果图：【处理】这里的图片滚动轮播，做了点小处理：当在第1页状态时，你点击第5页，图片的滚动是一张滑过，而不是从2-3-4-5（这种的多张滚动，看得头晕眼花）；实现的做法是：剩下的就是源代码分享了：-------css----------------复制代码代码如下:.gy-slide-scroll { position: relative; width: 320px; height: 200px; overflow: hidden; left: ...

javascript定义变量时带var与不带var的区别分析

2017年02月06日 12 阅读

本文实例分析了javascript定义变量时带var与不带var的区别。分享给大家供大家参考。具体分析如下：直接看实例里说明：复制代码代码如下:<script language="javascript" type="text/javascript">var abc=89;//带var，表示全局变量function test（）{var abc=80;//在函数内部，如果不带var，表示使用函数外全局变量；带上var，表示新定义一个全局变量}t...

使用JS画图之点、线、面

2017年02月06日 12 阅读

JS画图的想法经过大脑的时候，觉得有点意思，所以就实践了一番。JS画图为系列文章，本是讲点、线和面先看样例：http://www.zhaojz.com.cn/demo/draw5.html一、点这里的点我们使用span标签表示复制代码代码如下://描点，参数有点的大小，颜色，点的坐标和标签; 很明显opts参数是一个对象function drawPoint（opts）{ document.write（"<span id=""+opts.poin...

js函数与php函数的区别实例浅析

2017年02月06日 12 阅读

本文实例分析了js函数与php函数的区别。分享给大家供大家参考。具体分析如下：在PHP语法中，函数就是语法上的结构体，不是一个变量，不能被赋值；在JS中，函数也是一种变量，变量名就是函数名。复制代码代码如下:<html><head></head><body><script type="text/javascript">function t（）{return 5;}var m = t;//函数名即...

使用js画图之圆、弧、扇形

2017年02月06日 12 阅读

半径为r的圆上的点p（x,y）与圆心O（x0，y0）的关系: x = x0+rcosA; y = y0+rsinA ，A为弧度样例：http://www.zhaojz.com.cn/demo/draw6.html一、圆复制代码代码如下://圆形/椭圆//dot 圆点//r 半径//compressionRatio 垂直压缩比function drawCircle（dot, r, compressionRatio, data）{ var pstart = ...

使用js画图之正弦曲线

2017年02月06日 13 阅读

数学式：y=Asin（ωx+φ）+k样例：http://www.zhaojz.com.cn/demo/draw7.htmlJS函数的声明：复制代码代码如下://画正弦曲线//dot 原点//amplitude 振幅 -- A//initialPhase 初相 -- φ//setover 偏距 -- k//palstance 角速度 -- ω//len 周期数function drawSinusoid（dot, amplitude,initialPhase...

javacript使用break内层跳出外层循环分析

2017年02月06日 12 阅读

本文实例分析了javacript使用break内层跳出外层循环的用法。分享给大家供大家参考。具体分析如下：与php不同，javascript中循环跳出break，需要添加额外的标签。以“百钱买百鸡”为例（搜索张丘建，百钱买百鸡）。如果需要算出全部，则是下面的代码：复制代码代码如下:<html><head></head><body><script type="text/javascript">fo...

使用js画图之饼图

2017年02月06日 12 阅读

使用js画图之饼图饼图是将一个圆分割为多个扇形。样例：http://www.zhaojz.com.cn/demo/draw8.html复制代码代码如下://饼图//dot 圆点//r 半径//data 数据（一维数组）function drawPie（dot, r, data）{ if（data && data.length > 0）{ var accumulationAngleOfSlope = new Number（0）; //累计偏移角度 v...

使用js画图之画切线

2017年02月06日 12 阅读

样例：http://www.zhaojz.com.cn/demo/draw9.html复制代码代码如下://画切线//point 圆外的一点//dot 圆心//r 半径function drawCircleTangent（point, dot, r）{ //画辅助线-start var color = "DarkRed"; //切线的颜色 var color2 = "#ccc"; //其它辅助线的颜色 drawLine（dot, [dot[0]+9*r,...

js查找节点的方法小结

2017年02月06日 13 阅读

本文实例总结了js查找节点的方法。分享给大家供大家参考。具体分析如下：这里介绍查找节点的三种方法：1. 根据id查找，返回值为对象：复制代码代码如下:document.getElementById（）;2. 根据div/p/....等html标签查找，返回数组（实际也是对象）复制代码代码如下:document.getElementsByTagName（）;3. 在表单中使用，根据表单name来查找复制代码代码如下:document.getElemen...

js使用心得分享

2017年02月06日 12 阅读

本人学习javascript时间也不是很长，目前就如下5点心得，后续慢慢更新。1. 给未经声明的变量赋值在严格模式下会导致抛出 ReferenceError 错误（意思是，所有变量都必须用 var 去定义，不能在函数内部定义全局变量）；2. 在严格模式下，不能定义名为 eval 和 arguments 的变量，否则会导致语法错误；3. 判断一个变量值是否等于 undefined 是为了正式区分空对象指针与未经初始化的变量；4. 只要意在保存对象的变量还没有...

浅谈nodeName,nodeValue,nodeType,typeof 的区别

2017年02月06日 13 阅读

nodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #documentnodeValue 节点值对于文本节点，nodeValue 属性包含文本。对于属性节点，nodeValue 属性包含属性值。nodeValue 属性对于文档节点和元素节点是不可用的。nodeType 属性可返回节点的类型。最重要的节...

js对象基础实例分析

2017年02月06日 13 阅读

本文实例讲述了js对象基础用法。分享给大家供大家参考。具体分析如下：js对象在本质上与数组相同，都是存放一组数据。但创建方法有所不同，对象需要添加属性。这里简单讲述对象的创建、读取/遍历，如下：复制代码代码如下:<html><head></head><body><script type="text/javascript">var stu = {name:"王美人",age:25,num:"109...

首页 / 脚本样式 / JavaScript

jQuery制作拼图小游戏

js在指定位置增加节点函数insertBefore（）用法实例

jQuery实现瀑布流的取巧做法分享

javascript使用appendChild追加节点实例

js常用系统函数用法实例分析

Jquery api 速查表分享

js函数内变量的作用域分析

jQuery实现友好的轮播图片特效

javascript定义变量时带var与不带var的区别分析

使用JS画图之点、线、面

js函数与php函数的区别实例浅析

使用js画图之圆、弧、扇形

使用js画图之正弦曲线

javacript使用break内层跳出外层循环分析

使用js画图之饼图

使用js画图之画切线

js查找节点的方法小结

js使用心得分享

浅谈nodeName,nodeValue,nodeType,typeof 的区别

js对象基础实例分析