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

随鼠标移动的图片或文字特效代码

2017年02月06日 20 阅读

跟随鼠标的图片特效 document.onmousemove = function （） { var x = window.event.clientX; var y = window.event.clientY; var divId = document.getElementById（"divId"）; if （！divId） { return; } divId.style.left = x; divId.style.top = y; } 这...

让浏览器非阻塞加载javascript的几种方法小结

2017年02月06日 23 阅读

浏览器为了确保正确执行脚本和呈现布局在浏览器加载和执行完成它之前会完全阻塞页面后续内容的呈现和其他资源的加载。在页面的加载过程中如果可以做到内容的逐步呈现，对于良好的用户体验来说是非常重要的。通常我们也会在wondow对象的onload事件处理函数中做一些事情，但由于脚本阻塞加载和呈现的特性这一方面增加了页面载入时间推迟了onload事件的触发，另一方面也延迟了用户所期待的反馈。这就需要我们使用一些方法来让浏览器以非阻塞的方式加载外部脚...

jqPlot 基于jquery的画图插件

2017年02月06日 23 阅读

前边也讲过一个基于java的图形报表，功能及外观也不错，但存在通用性的问题。所以我们来学一个具有易用性+兼容性+可扩展性的js图表插件。 jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性（Pluggability），你可以编写自己的图表样式。官方地址：http://www.jqplot.com/功能概述：有多种图表样式可供选择可以自定义日期轴线可...

超轻量级的基于jquery的三级展开列表

2017年02月06日 24 阅读

这几天在公司的通用管理后台，使用的左右框架结构，点击左侧，右侧展开内容，项目中经常遇到左侧二级或者三级的情况，以前都是使用dtree,但是发现dtree ，样式及结构上不好控制，如果是动态的数据，还要写到cs文件里面输入字符，这样不利于维护，时间久了自己都找不清了。、于是今天自己写了个轻量级的三级展开菜单，如果需要可以在增加一级别，一般公司的项目三级都足够了。简介： div部分无需自己定义class 及ID,只要是如下的结构就可以了，数据可以是动...

用jquery实现自定义风格的滑动条实现代码

2017年02月06日 23 阅读

前些天我们学生在线首页改版，要做一个工具栏，由于版面的限制，原先策划的很多工具只好安排在一个小区域里面，具体效果如下：当然，这样的效果，用html自带的控件也可以实现。不过自定义的话就可以自己设置滑动条的样式啦，比如说设为红色、蓝色等，按钮形状也可以自己做啦。需要实现的效果是，这些工具一次最多在可见区域显示9个（这里假设工具项总数多于9个，不满9个的话，将来也很有可能扩展到9个），点击上下的按钮即可将可见区域内的工具区域上下移动。但是这样做好后，运营人员给...

jQuery学习总结之元素的相对定位和选择器（持续更新）

2017年02月06日 22 阅读

①jQuery元素的相对定位。 jQuery中不仅可以使用选择器就行绝对定位，而且还可以进行相对定位，只要在$（）中指定第二个参数，第二个参数就是相对的元素。第二个参数传递一个jQuery对象，则相对于这个对象为基准进行相对的选择。复制代码代码如下: <html> <head> <title>jQuery元素的相对定位和选择器</title> <script type="text/javascrip...

说明你的Javascript技术很烂的五个原因

2017年02月06日 20 阅读

本文是从 5 Reasons Your Javascript Stinks 这篇文章翻译而来。 Javascript在互联网上名声很臭，但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言，它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实，你和Javascript都站错了立场，而现在，你让Javascript很生气。这里有五个原因能说明你的J...

Javascript中正则表达式的全局匹配模式分析

2017年02月06日 22 阅读

复制代码代码如下: var str = "123#abc"; var re = /abc/ig; console.log（re.test（str））; //输出ture console.log（re.test（str））; //输出false console.log（re.test（str））; //输出ture console.log（re.test（str））; //输出false 在创建正则表达式对象时如果使用了“g”标识符或者设置它了的ʌ...

Javascript中的window.event.keyCode使用介绍

2017年02月06日 23 阅读

主要就是为了监听键盘按下的是哪个键，并且转成ASCII码; 复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h...

js实时监听文本框状态的方法

2017年02月06日 25 阅读

复制代码代码如下: <div id="msg"></div> <input type="text" name="txt" id="txt"/> <script> //当状态改变的时候执行的函数 function handle（） { document.getElementById（"msg"）.innerHTML = document.getElementById（"txt"）.value; } //if（...

仅IE9/10同时支持script元素的onload和onreadystatechange事件分析

2017年02月06日 23 阅读

如下复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>IE9/10同时支持script元素的onload和onreadystatechange事件</title> <script src="http://code.jquery.com/jquery.min.js" onload="ale...

各浏览器对link标签onload/onreadystatechange事件支持的差异分析

2017年02月06日 20 阅读

1，onload事件复制代码代码如下: <！DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>Link Element onload</title> <link type="text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/l...

javascript中的继承实例代码

2017年02月06日 22 阅读

复制代码代码如下: function Polygon（iSliders）{ //定义一个多边形 this.silders=iSliders; } Polygon.prototype.getArea=function（）{ //为多边形定义一个去的面积的方法 return 0; } function Triangle（iBase,iHeight）{ Polygon.call（this,3）; //继承多边形对象 this.base=iBas...

js,jQuery 排序的实现代码,网页标签排序的实现,标签排序

2017年02月06日 23 阅读

js,jQuery 排序的实现: 重点: 想要实现排序,最简单的方法就是先把标签用jQuery读进对象数组用js排序好对象数组（针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改）用对象数组内容覆盖网页上的标签数组; //排序从文字短的到长的复制代码代码如下: //排序从文字短的到长的 var arr_a=new Array（）; var i=0; $（".type_list_txt > span:contains（"T恤"）"...

Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF

2017年02月06日 24 阅读

上图片素材先：背景图片:浮云图片: ←——————————这里是有图片D~ 全选就能看见了（因为背景是白的，云也是白的嘛~）…… CSS代码：复制代码代码如下: <style type="text/css"> * { margin: 0; padding: 0; } body { background: url（"Images/body_bg.jpg"） repeat center 0 fixed; } .cloud { backgrou...

jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码

2017年02月06日 19 阅读

ws.aspx 代码复制代码代码如下: <！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 id="Head1" runat="ser...

jquery调用asp.net 页面后台的实现代码

2017年02月06日 22 阅读

先创建一个aspx页面编写一个客户端控件<input type="button" id="AjaxDemo" value="AjaxDemo"> 再aspx后台的页面编写一个简单的方法,代码如下: 复制代码代码如下: [WebMethod] public static string ABC（string ABC） { return ABC; } 必须声明为静态方法，并且它们必须使用 [WebMethod] 特性标注。但是在webservic...

jquery.cookie.js 操作cookie实现记住密码功能的实现代码

2017年02月06日 23 阅读

复制代码代码如下: //初始化页面时验证是否记住了密码 $（document）.ready（function（） { if （$.cookie（"rmbUser"） == "true"） { $（"#rmbUser"）.attr（"checked", true）; $（"#user"）.val（$.cookie（"userName"））; $（"#pass"）.val（$.cookie（"passWord"））; } }）; //保存用户信息 funct...

利用jQuery操作对象数组的实现代码

2017年02月06日 20 阅读

jQuery对于数组元素操作主要提供了以下工具：（1）数组和对象的例遍：jQuery.each（obj,callback）通用例遍方法，可用于例遍对象和数组。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。（2）数组元素的过滤：jQuery.grep（array,callback,[invert]）使用过滤函数过滤数组元素。此函数至少传递两个...

JavaScript之HTMLCollection接口代码

2017年02月06日 22 阅读

复制代码代码如下: interface HTMLCollection { //包含结点的个数 readonly attribute unsigned long length; //根据指定的索引index，返回相应的结点 //HTMLCollection中的结点呈树形结构，索引值index是结点深度优先方式排序的序号 Node item （in unsigned long index）; //根据结点的name或者id的属性返回相应的结点 Node na...

首页 / 脚本样式 / JavaScript

随鼠标移动的图片或文字特效代码

让浏览器非阻塞加载javascript的几种方法小结

jqPlot 基于jquery的画图插件

超轻量级的基于jquery的三级展开列表

用jquery实现自定义风格的滑动条实现代码

jQuery学习总结之元素的相对定位和选择器（持续更新）

说明你的Javascript技术很烂的五个原因

Javascript中正则表达式的全局匹配模式分析

Javascript中的window.event.keyCode使用介绍

js实时监听文本框状态的方法

仅IE9/10同时支持script元素的onload和onreadystatechange事件分析

各浏览器对link标签onload/onreadystatechange事件支持的差异分析

javascript中的继承实例代码

js,jQuery 排序的实现代码,网页标签排序的实现,标签排序

Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF

jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码

jquery调用asp.net 页面后台的实现代码

jquery.cookie.js 操作cookie实现记住密码功能的实现代码

利用jQuery操作对象数组的实现代码

JavaScript之HTMLCollection接口代码