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

javascript简易缓动插件（源码打包）

2017年02月06日 19 阅读

要求如下：可以开始、暂停（线性、非线性tween都支持）、继续、结束支持多个样式并行最好不依赖于某个框架下运行文件尺寸越小越好他找了一下现有的一些插件或者库，鲜有能满足或者比较均衡的，我在这个要求下，写了一个比较简陋的动画组件，基本满足了这个需求。先上代码在线演示：http://demo.jb51.net/js/2012/animate/打包下载：animate_jquery.rarhtml部分：复制代码代码如下: <！DOCTYPE...

通过JS获取用户本地图片路径并显示的代码

2017年02月06日 22 阅读

复制代码代码如下:<！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="Content-...

Js从头学起（基本数据类型和引用类型的参数传递详细分析）

2017年02月06日 22 阅读

1、基本数据类型传递参数：复制代码代码如下: funciton addTen（num）{ num+=10; return num; } var count=20; var result=addTen（count）; alert（count）;//20 alert（resullt）;//30 执行结果是：20和30。在这段代码中，将变量count当做参数传递给了函数addTen，也就是相当于将变量count的...

同一页面多个商品倒计时JS 基于面向对象的javascript

2017年02月06日 21 阅读

复制代码代码如下: <！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></title> ...

javascript suggest效果自动完成实现代码分享

2017年02月06日 21 阅读

首先，用到的框架当然是我的框架mass Framework，当然你用其他框架也可以，如jQuery，没有什么复杂的东西。只要弄懂原理，一下子就能搞出来。想必，以后你们工作也遇到做搜索框的活儿。由于本人没有后端，因此取用一个对象作为本地数据库。而我现在要做的，其实远远比suggest高级，类似IDE的语法提示的东西。当前成品已放到github上。好了，我们动手吧。首先是结构层，装了FF的同学可以在百度首页查看源码，当输入几个字母时，会动态生成了那些HTML。...

qTip2 精致的基于jQuery提示信息插件

2017年02月06日 22 阅读

qTip2采用了MIT/GPLv2许可，官方网站为：http://craigsworks.com/projects/qtip2/，目前还没发布一个稳定版，Nightly版本经常会更新，当然这并不影响正常使用。简介若不放心可以尝试旧版的qTip，但在一些参数上会有所不同；若是从qTip升级到qTip2，可以使用官方提供的转换工具来升级你的代码：http://craigsworks.com/projects/qtip2/converter/。如果使用时出现...

jquery实现奇偶行赋值不同css值

2017年02月06日 21 阅读

效果如下：使用jquery我们可以轻松的实现上面效果，代码如下：复制代码代码如下: <html> <head> <title>jquery奇偶行css效果</title> <script src="http://img.jb51.net/jslib/jquery/jquery.js" type="text/javascript"></script> <style type=...

JavaScript操作XML 使用百度RSS作为新闻源示例

2017年02月06日 17 阅读

js操作xml源，作为页面的动态新闻参考JS源码如下（存为rss.js文件）：复制代码代码如下: var main = document.getElementById（"content"）.getElementsByTagName（"DIV"）; /* * 当前目录下面有一个名为xml的子文件夹，下面引用的源保存在目录下。 * 下面每一行的冒号前面是文件名，后面是xml源地址（可以从源址下载得到xml文件，下载后保存为对应文件名） * 可以在下面的地...

JQuery.closest（）,parent（）,parents（）寻找父结点

2017年02月06日 23 阅读

HTML代码，测试地址：jQuery 遍历 - closest（）方法 ------我粘代码上来，在页面上会自动隐藏（会显示一下）！谁能教我这是肿么回事！ 1.通过item-1查找 level-3（查找直接上级）复制代码代码如下: $（"li.item-1"）.closest（"ul"） $（"li.item-1"）.parent（） $（"li.item-1"）.parents（）.eq（0） 2.通过item-1查找 level-2（通过选择器...

js 代码优化点滴记录

2017年02月06日 21 阅读

1、简单示例如下： switch用例复制代码代码如下: var caseContent = "";//条件判断后处理内容 var caseValue = 5 ;//条件判断值 switch（caseValue）{ case 0: caseContent = "鞋子"; break; case 1: caseContent = "裤子"; break; case 2: caseContent = "外套"; break; ... ... case 5: ...

JS对象与JSON格式数据相互转换

2017年02月06日 21 阅读

目前的项目数据交互几乎都用JQuery，所以处理流程是：前端页面数据-》JS对象-》jQuery提交-》python处理，另外一种就是倒过来。python肯定不能直接处理JS对象数据，所以要把JS对象转换成为python能处理的一种数据格式（通常是字典dict），同样，python取数据反馈到前端也要把字典数据转换成JS能处理的对象，这个中间转换数据格式通常就是JSON。一、JS对象转换成为JSON 流程：读取前端页面数据，组装成为JS对象，并通过jQu...

Javascript 中的 call 和 apply使用介绍

2017年02月06日 20 阅读

简单的说就是改变函数执行的上下文，这是最基本的用法。两个方法基本区别在于传参不同。 call（obj,arg1,arg2,arg3）;call第一个参数传对象，可以是null。参数以逗号分开进行传值，参数可以是任何类型。 apply（obj,[arg1,arg2,arg3]）;apply第一个参数传对象，参数可以是数组或者arguments 对象。这两个方法通常被用来类的继承和回调函数：作用一、类的继承：先来看这个例子：复制代码代码如下: fun...

javascript插入样式实现代码

2017年02月06日 20 阅读

javascript插入样式在前端开发中应用比较广泛，特别是在修改前端表现和页面换肤的时候。最近做的这个任务是用户在别人的站点上点击一个按钮，就会在别的站点页面下插入一个脚本，执行，这其中包含了样式的插入。一般情况下javascript动态插入样式有两种，一种页面中引入外部样式,在<head>中使用<link>标签引入一个外部样式文件，另一种是在页面中使用<style>标签插入页面样式（这里说的不是style属性）。 ...

JavaScript插入动态样式实现代码

2017年02月06日 19 阅读

与动态脚本类似，所谓动态样式是指在页面刚加载时不存在的样式；动态样式是在页面加载完成后动态添加到页面中。我们以下面这个典型的<link>元素为例： <link rel="stylesheet" type="text/css" href="style.css">使用DOM代码可以很容易的动态创建出这个元素：复制代码代码如下: var link = document.createElement（"link"）; link.rel ...

Javascript绝句欣赏一些经典的js代码

2017年02月06日 21 阅读

1. 取整同时转成数值型： "10.567890′|0 结果: 10 "10.567890′^0 结果: 10 -2.23456789|0 结果: -2 ~~-2.23456789 结果: -2 2. 日期转数值： var d = +new Date（）; //1295698416792 3. 类数组对象转数组： var arr = [].slice.call（arguments） 4. 漂亮的随机码： Math.random（）.toString（16）...

js定时显示广告的实现代码[已测]

2017年02月06日 21 阅读

复制代码代码如下:<script type="text/javascript"> function strToDate（str, ext） { if （str == null || str == ""） return; var arys = new Array（）; arys = str.split（"-"）; var newDate = new Date（arys[0], arys[1] - 1, arys[2], 9, 0, 0）; if...

js前台判断开始时间是否小于结束时间

2017年02月06日 21 阅读

复制代码代码如下: // 判断开始时间是否小于结束时间 if （$（"#txtBeginTime"）.length > 0 && $（"#txtEndTime"）.length > 0） { if （Date.parse（TimeFormatToSQL（$（"#txtBeginTime"）.val（））.replace（"-", "/"）） > Date.parse（TimeFormatToSQL（$（"#txtEndTime"）.va...

基于JQuery实现鼠标点击文本框显示隐藏提示文本

2017年02月06日 21 阅读

比如本人网站的搜索框：不使用的时候：鼠标点击后：用JQuery实现这个效果非常简单，下面是代码：复制代码代码如下: $（document）.ready（function （） { var searchBox = $（"#ctl00_txtSearch"）; searchBox.focus（function （） { if （searchBox.val（） == this.title） { // TextBox控件ToolTip属性转换为Html为titl...

JQuery操作表格（隔行着色,高亮显示,筛选数据）

2017年02月06日 21 阅读

查了些资料，写了4个Demo： 1. 隔行着色复制代码代码如下: $（"#table1 tr:odd"）.addClass（"odd"）; $（"#table1 tr:even"）.addClass（"even"）; 效果：2. 高亮含有特定数据的行复制代码代码如下: $（"#table2 tr:contains（"Fuck"）"）.addClass（"selected"）; 3. 筛选数据复制代码代码如下: $（"#filter"）.clic...

JQuery获取浏览器窗口内容部分高度的代码

2017年02月06日 24 阅读

下面是测试代码，记得先引用JQuery库复制代码代码如下: <script type="text/javascript"> $（document）.ready（ function（） { var h = $（window）.height（）; alert（h）; } ） </script> Firefox下：IE下：可以发现它获取的却是是窗口的内容部分高度，而不是浏览器窗口的高度。Oh Yeah！...

首页 / 脚本样式 / JavaScript

javascript简易缓动插件（源码打包）

通过JS获取用户本地图片路径并显示的代码

Js从头学起（基本数据类型和引用类型的参数传递详细分析）

同一页面多个商品倒计时JS 基于面向对象的javascript

javascript suggest效果 自动完成实现代码分享

qTip2 精致的基于jQuery提示信息插件

jquery实现奇偶行赋值不同css值

JavaScript操作XML 使用百度RSS作为新闻源示例

JQuery.closest（）,parent（）,parents（）寻找父结点

js 代码优化点滴记录

JS对象与JSON格式数据相互转换

Javascript 中的 call 和 apply使用介绍

javascript插入样式实现代码

JavaScript插入动态样式实现代码

Javascript绝句欣赏 一些经典的js代码

js定时显示广告的实现代码[已测]

js前台判断开始时间是否小于结束时间

基于JQuery实现鼠标点击文本框显示隐藏提示文本

JQuery操作表格（隔行着色,高亮显示,筛选数据）

JQuery获取浏览器窗口内容部分高度的代码

javascript suggest效果自动完成实现代码分享

Javascript绝句欣赏一些经典的js代码