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

全面解析JavaScript中“&&”和“||”操作符（总结篇）

2017-02-06 17

1、||（逻辑或）,从字面上来说，只有前后都是false的时候才返回false，否则返回true。alert（true||false）; // truealert（false||true）; // truealert（true||true）; // truealert（false||false）; // false这个傻子都知道~~但是，从深层意义上来说的话，却有另一番天地，试下面代码alert（0||1）;//1显然，我们知道，前面0意味着false,而...

终于实现了！精彩的jquery弹幕效果

2017-02-06 17

本文实例为大家分享了jquery弹幕效果，供大家参考，具体内容如下页面效果如下: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"><h...

如何用js实现鼠标向上滚动时浮动导航

2017-02-06 17

为什么会有这个需求呢？有没有发现在国外的一些网站，当你向上滚动时，导航条浮动在顶部位置。用户如果是想看内容就可以直接点击到达，省去很多拖动的时间，当然返回顶部也是比较容易。但有时候返回顶部这个按钮往往被人忽略了。下面一起来看看代码和演示（引入jQuery 1.9）。判断鼠标向上滚动，或者向下滚动，可以通过对比用户的上一次滚动的坐标和下一次的坐标，当上一次小于下一次时，即用户在向下滚动，反之，则说明用户在向上滚动。滚动的坐标值可以取窗口的scrollTop。...

javascript时间差插件分享

2017-02-06 16

javascript时间差插件分享，供大家参考，具体内容如下Html如下:<html><head><title></title><script src="js/TimeDifference.js" type="text/javascript"></script><script src="js/jquery-1.10.2-min.js" type="text/javascript"...

基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解

2017-02-06 18

表单校验是页面开发中非常常见的一类需求，相信每个前端开发人员都有这方面的经验。网上有很多成熟的表单校验框架，虽然按照它们默认的设计，用起来没有多大的问题，但是在实际工作中，表单校验有可能有比较复杂的个性化的需求，使得我们用这些插件的默认机制并不能完成这些功能，所以要根据自己的需要去改造它们（毕竟自己还不到那个写一个完美的校验框架的层次）。我用过formValidation这个校验框架，虽然它跟bootstrap配合地很好，但是校验风格太死板，不太满足个性化...

浅析JavaScript中的array数组类型系统

2017-02-06 16

前面的话数组是一组按序排列的值，相对地，对象的属性名称是无序的。从本质上讲，数组使用数字作为查找键，而对象拥有用户自定义的属性名。javascript没有真正的关联数组，但对象可用于实现关联的功能Array（）仅仅是一种特殊类型的Object（），也就是说，Array（）实例基本上是拥有一些额外功能的Object（）实例。数组可以保存任何类型的值，这些值可以随时更新或删除，且数组的大小是动态调整的除了对象之外，数组Array类型可能是javascript中...

JS HTML5实现拖拽移动列表效果

2017-02-06 16

练习HTML5中的拖放API，实现列表拖拽移动！参考文章：JS HTML5拖拽上传图片预览HTML5拖拽移动列表实现思路：1.循环设置每个子项的draggable属性，以及设置拖动标记（不会多个或全部子项都移动）2.每次进入投放区，则检测时候有拖放标记，有则添加dom元素，以此类推另一种实现思路是：可以利用拖放中DataTransfer对象作为属性，用setData（）和getData（）方法传递每个拖动的子项的id等数据，找到指定的子项进行移动….待实验...

jQuery 操作input中radio的技巧

2017-02-06 18

通过jQuery获取页面中的所有radio对象，遍历页面中的radio，取消选中的标签，因为使用到jQuery时间，因此引用到了网上公共的js，这只是本人的一些总结，大神勿喷。<html><head><title>取消</title><script language="javascript">function _onclick（） {$（"input[name="ra"]:checked"）.va...

JS HTML5拖拽上传图片预览

2017-02-06 15

1.文件API：（File API）file类型的的表单控件选择的每一个文件都是一个file对象，而FileList对象则是这些file对象的集合列表，代表所选择的所有文件。file对象继承于Blob对象，该对象表示二进制原始数据，提供slice方法，可以访问到字节内部的原始数据块。总之，file对象包含与FlieList对象，而file对象继承于Blob对象！各对象的相关属性关系：FileReader接口：由图可知：HTML5还提供了FileReade...

jQuery实现根据滚动条位置加载相应内容功能

2017-02-06 16

实现jQuery根据滚动条位置加载相应的内容：向下滚动时当内容区域滚动到可视窗口高度的一半时，加载动画内容；向上滚动到相应的内容区域时也重新加载动画内容！1.实现思路：先静态布局好HTML结构，使用伪类：hover模拟动画效果，再使用jQuery 控制动画类名的切换来实现效果！主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。2.思维草稿图：向下滚动加载动画判断条件：（代码中addClass（）函数）向上滚动加载动画...

完美实现八种js焦点轮播图（上篇）

2017-02-06 21

本文分为上下篇为大家分享了js焦点轮播图八种经典效果，供大家参考，具体内容如下基本布局：<div id="box"> <ul id="ul"><li style="display:block;"><img src="images/1.jpg" alt=""></li><li><img src="images/2.jpg" alt=""></li><li&g...

完美实现八种js焦点轮播图（下篇）

2017-02-06 17

继续上一篇的学习完美实现八种js焦点轮播图（上篇），供大家参考，具体内容如下5.定时上下无缝滚动思路：1.思路1：将ul复制一份，但滚动一半距离重新归位；（大型网站性能略低）； 2.思路2：通过相对定位,将第一个li移动到最后，再将ul和Li归位。window.onload=function（）{ var oBox=document.getElementById（"box"）; var oUl=document.getElementById（"ul"）...

jquery+CSS3实现3D拖拽相册效果

2017-02-06 16

很久之前练习过的一个实践，复习完渐变、圆角、3D变形、拖拽等等来看源码，估计还不会太凌乱（◎﹏◎）哈哈哈效果图： HTML:<！doctype html><html onselectstart="return false;" lang="en"><！-- ！important --><head><meta charset="UTF-8"><title>3D拖拽相册</title&...

JavaScript暂停和继续定时器的实现方法

2017-02-06 16

对于JavaScript的定时器来说没有严格意义上的暂停和重启，只有清除停止，但是可以通过一些‘障眼法"实现allChild[index].onclick = function（）{//当点击目标且满足下面的条件时让计时器时间暂停if（gamInt == true）{$（"#tu"）.css（"display","block"）;//计时器暂停（清除定时器）clearInterval（countdownTimer）;//延迟2s后游戏继续计时器暂停结束...

JavaScript读二进制文件并用ajax传输二进制流的方法

2017-02-06 17

综合网上多个教程，加上自己实践得出的方法，目前能够兼容谷歌、IE11、IE10。htmlbody里的内容，没什么特殊的。<div id="dConfirm"><p style="float: left;margin-left: 20px;margin-top: 20px"><form action="javascript: uploadAndSubmit（）;" name="demoForm" id="demoForm" me...

ECMAScript6快速入手攻略

2017-02-06 19

简介ECMAScript 6 是JavaScript的下一个标准，正处在快速开发之中，ECMAScript 6 的目标，是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器（code generator）。最新的浏览器已经部分支持ECMAScript 6 的语法，ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox...

总结在前端排序中遇到的问题

2017-02-06 15

貌似前端圈一直以来流传着一种误解：前端用不到算法知识。长久以来，大家或许都曾受这种说法的影响。直到前阵子遇到一个产品需求，回过头来看，发现事实并非如此。前端排序前端排序的场景前端将排序条件作为请求参数传递给后端，后端将排序结果作为请求响应返回前端，这是一种常见设计。但是对于有些产品则不是那么适用。试想一个场景：你在使用美食类APP时，是否会经常切换排序方式，一会儿按照价格排序，一会儿按照评分排序。实际生产中，受限于服务器成本等因素，当单次数据查询成为整体性...

javascript弹出带文字信息的提示框效果

2017-02-06 16

本文实例讲述了javascript弹出带文字信息的提示框效果。分享给大家供大家参考，具体如下：tooltips.js:// position of the tooltip relative to the mouse in pixel //var offsetx = 12;var offsety = 8;function newelement（newid）{if（document.createElement）{var el = document.create...

深入浅析javascript中的作用域（推荐）

2017-02-06 16

所谓的作用域，可以简单理解为一个可以读、写的范围（区域）,有些js经验的同学可能会说:"js没有块级作用域",js除了全局作用域外，只有函数可以创建作用域。作用域的一个好处就是可以隔离变量。我们通过一些例子来帮助我们理解js中的作用域。 alert（a）; var a = 1; 如果对作用域一点不了解的同学可能会说 alert的是1或者报错；但实际上是undefined；说到这里，我们首先说一下js逐行解析代码之前做的一些准备工作，js在逐行读代码之前，会...

一次$.getJSON不执行的简单记录

2017-02-06 16

别人的代码，拿过来调，发现修改功能都不能用，修改时通过ajax发json获取数据的，看chrome开发者工具发现有发送数据，也有返回值；发起请求并获取数据，发现回调函数不执行！$.getJSON（site_url+"?m=test&a=getOne",{id:id},function（d）{if（d.status）{vardata=d.data;$（"input[name="id"]"）.val（data.id）;$（"input[name="na...

首页 / 脚本样式 / JavaScript

全面解析JavaScript中“&&”和“||”操作符（总结篇）

终于实现了！精彩的jquery弹幕效果

如何用js实现鼠标向上滚动时浮动导航

javascript时间差插件分享

基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解

浅析JavaScript中的array数组类型系统

JS HTML5实现拖拽移动列表效果

jQuery 操作input中radio的技巧

JS HTML5拖拽上传图片预览

jQuery实现根据滚动条位置加载相应内容功能

完美实现八种js焦点轮播图（上篇）

完美实现八种js焦点轮播图（下篇）

jquery+CSS3实现3D拖拽相册效果

JavaScript暂停和继续定时器的实现方法

JavaScript读二进制文件并用ajax传输二进制流的方法

ECMAScript6快速入手攻略

总结在前端排序中遇到的问题

javascript弹出带文字信息的提示框效果

深入浅析javascript中的作用域（推荐）

一次$.getJSON不执行的简单记录