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

25个好玩的JavaScript小游戏分享

2016年07月27日 7 阅读

值得一提的是，当下Web开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行，甚至是网站的服务器端，使得这门语言再次受到大家的关注。今天，本文与大家分享25个好玩的 JavaScript 小游戏，感受一下 JavaScript 的魅力。Bunny HuntTraviansAjax Chinese ChessDigg AttackInvaders From MarsSolitaireCard GamesJetris – JavaS...

基于mootools 1.3框架下的图片滑动效果代码

2016年07月27日 6 阅读

效果预览如下: 实现原理: 容器采用相对定位,图片采用绝对定位,当鼠标移动到相应的图片上,改变去left属性,用tween实现动画效果. 代码分析:写一个picSlider类实现代码封装复制代码代码如下: <div id="container"> <img src="http://files.jb51.net/file_images/article/201104/r_song1.jpg" alt="" /> <img sr...

google jQuery 引用文件,jQuery 引用地址集合（jquery 1.2.6至jquery1.5.2）

2016年07月27日 5 阅读

1. 很多网站都是使用这种方式引入，客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的，速度更快… 2. Google code 使用了 cdn 技术在很多地方有节点服务器，加载 jquery 时绝对不会比在你服务器上加载慢，本地服务器除外 : ） 3. 可以节省服务器流量，降低服务器带宽压力可以使用两种方式引用 google code 的jquery 一、引用 http://www.google.com/jsapi？key=Goolge 密...

jQuery判断元素是否是隐藏的代码

2016年07月27日 5 阅读

核心代码:复制代码代码如下: if（$（"#elem_id"）.is（":hidden"）） { } 实例代码1: 复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Documen...

基于jquery的二级联动菜单实现代码

2016年07月27日 5 阅读

jQuery 1.3.2 简单实现select二级联动复制代码代码如下: <！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> ...

23个超流行的jQuery相册插件整理分享

2016年07月27日 5 阅读

这些jQuery插件包括演示、文档说明等，欣赏吧！1. Galleriffic 下载与文档查看演示 2. jPhotoGrid 下载与文档查看演示 3. Galleria 下载与文档查看演示 4. YoxView 下载与文档查看演示 5. Micro Image Gallery 下载与文档查看演示 6. AD Gallery 下载与文档查看演示 7. slideViewerPro 下载与文档查看演示 8. Galleryview 下载与文档 ...

分享14个很酷的jQuery导航菜单插件

2016年07月27日 7 阅读

导航按钮是网站的非常重要的一部分，因其将网站的所有部分而集中一处，jQuery导航菜单插件在其中扮演重要的角色。本文介绍了14个很酷的jQuery导航菜单插件，它们够漂亮、简单，并且完全兼容各种类型的web浏览器。1.Facets Navigation Demo | Download2.Rocking & Rolling Demo | Download3.Garage Door Menu Demo | Download4.Little Boxes Menu...

分享27个jQuery 表单插件集合推荐

2016年07月27日 7 阅读

编者按：本文是一位20岁的孟买小伙子Shamuil分享的，他是一位自由职业设计师和Blogger。在全球访问量最高的前1000个网站中，几乎没有不用jQuery的。如今jQuery的力量是无限强大。本文将向你展示分享jQuery在表单方面的强大，包括验证表单、密码遮罩表单和评论实时预览等。所以，不要错过本文哦，来看看当今jQuery的表单变化趋势吧。1- jquery Form Validator2- Uniform 3- Autotab 4- jque...

30个最好的jQuery 灯箱插件分享

2016年07月27日 5 阅读

jQuery 是非常流行的JS框架，其俨然已成了开发者的必备工具，其中的jQuery Lightbox插件更是为广大开发者所喜爱。它惊人的特征之一是jQuery Lightbox插件有很多变化。下面介绍30个最好的jQuery Lightbox 插件，别忘了收藏它，以防未来的设计中错过它们中的一个。1. Fancy Zoom （jQuery）几天前，John重写了Cabel Sasser的FancyZoom，在Prototype和Scriptaculous...

jQuery 版元素拖拽原型代码

2016年07月27日 5 阅读

本文主要针对拖拽原型进行解析，给刚接触 JQuery 的爱好者一个简单的示例。在引入 Jquery.js 后：复制代码代码如下: <script type="text/javascript"> $（function（）{ //绑定拖动元素对象 bindDrag（document.getElementById（"test"））; }）; function bindDrag（el）{ //初始化参数 var els = el.style, //...

ToolTip 通过Js实现代替超链接中的title效果

2016年07月27日 5 阅读

自定义Tooltip特效 body ul { list-style: none; } body li { margin: 60px; } div { border: 1px solid #CCC; padding: 10px; background: #dff5ff; margin-left: 30px; } function initEvent（） { var links = document.getElementsByTagName（"a"）...

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

2016年07月27日 5 阅读

跟随鼠标的图片特效 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的几种方法小结

2016年07月27日 6 阅读

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

jqPlot 基于jquery的画图插件

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 6 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 6 阅读

复制代码代码如下: 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使用介绍

2016年07月27日 5 阅读

主要就是为了监听键盘按下的是哪个键，并且转成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...

首页 / 脚本样式 / JavaScript

25个好玩的JavaScript小游戏分享

基于mootools 1.3框架下的图片滑动效果代码

google jQuery 引用文件,jQuery 引用地址集合（jquery 1.2.6至jquery1.5.2）

jQuery判断元素是否是隐藏的代码

基于jquery的二级联动菜单实现代码

23个超流行的jQuery相册插件整理分享

分享14个很酷的jQuery导航菜单插件

分享27个jQuery 表单插件集合推荐

30个最好的jQuery 灯箱插件分享

jQuery 版元素拖拽原型代码

ToolTip 通过Js实现代替超链接中的title效果

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

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

jqPlot 基于jquery的画图插件

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

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

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

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

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

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