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

jQuery弹出层插件Lightbox_me使用指南

2017年02月06日 14 阅读

网站开发过程中，为了增加网站交互效果，我们有时需要在当前页面弹出诸如登陆、注册、设置等窗口。而这些窗口就是层，弹出的窗口就是弹出层。jQuery中弹出层插件很多，但有些在html5+css3浏览器下，支持完美。而在例如ie8一下的浏览器下显示不出应有的效果。例如jquery.avgrund插件在ie8下就无法显示。本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器。1.Lightbox_me插...

jQuery拖拽插件gridster使用指南

2017年02月06日 12 阅读

gridster.js 是一个 jQuery 插件用来构建直观的可拖放的布局,支持多列布局,你还可以动态的添加和删除表格中的元素。1.gridster插件功能实现类似于win8 磁贴拖拽的功能2.gridster官方地址http://gridster.net/在官方的网站上也有插件的帮助和实例，但是按照官方的说明，我在本地测试总是出现这样那样的问题，一是无法移动，二是在磁铁的附近有一个黑点，可能是定位使用的。但是如果在网站中正常使用，应该不会出现这样的黑点...

jQuery验证插件validation使用指南

2017年02月06日 13 阅读

在网站开发过程中，有时我们需要验证用户输入的信息是否符合我们的要求，所以我们会对用户提交的数据进行验证。验证分两次进行，一次是在客户端，一次是在服务端。客户端的验证可以提升用户的体验。jquery验证插件有很多，实现的功能也基本相同。本文介绍的只是jquery验证插件中的一种jquery.validatejquery.Validation是一款优秀的jquery插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。1.jquer...

jQuery滚动条插件nanoscroller使用指南

2017年02月06日 12 阅读

网站在展示信息时，如果信息量过大，解决方法主要有三种。1.分页，将信息分页显示。2.整页显示，但是页面过长，影响浏览体验。3.使用滚动条，而默认滚动条样式太单一，用户体验不友好。所以我们需要美化滚动条。美化滚动条最简单的方式就是使用jquery插件，本文介绍的就是jquery插件中的滚动条插件nanoscroller.官方展示,样式可自定义1.nanoscroller插件功能对内容实现滚动功能2.nanoscroller官方地址http://jamesfl...

纯js实现重发验证码按钮倒数功能

2017年02月06日 14 阅读

代码一：<！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-Type" ...

jQuery关键词说明插件cluetip使用指南

2017年02月06日 12 阅读

我们开发的网站，总有它一定的用途。如企业站用来宣传企业或展示产品，技术站用来分享自己的思路和经验。既然网站有了它的用途，那么就拥有了它本身的关键词（关键词说明网站的主要内容）。例如企业站的关键词大部分是企业名称或产品名称，技术站的关键词大部分是技术术语。不论是企业宣传产品或分享思路经验，我们都想给某些术语加上说明或链接（跳转到术语页面），这时我们就可以使用cluetip插件。1. cluetip插件功能主要用于为某些关键词添加提示说明功能，也可以展示广告。...

jQuery背景插件backstretch使用指南

2017年02月06日 12 阅读

一.backstretch插件功能优化网站外观。主要用于设置页面背景图片，也可以设置html元素的背景图片。背景图片可以设置多张，在间隔时间内循环显示。注但是在设置背景图片时，如果图片过大，网站使用的资源又受到限制时，应压缩图片的大小。不然图片的加载会非常缓慢。我测试了官方网站的demo，图片都比较大，有的图片在400kb以上，在虚拟空间中打开网站，图片加载有点慢。插件demo的截图效果不明显，所以不在本文贴出，大家可以去官方看demo演示，或在本文的下面...

jQuery标签编辑插件Tagit使用指南

2017年02月06日 12 阅读

一.Tagit插件功能提高网站交互性，增加用户体验。至于其它的功能，还真没有。用一个input text就可以替换了它。但是text没有输入提示功能，而tagit拥有这个功能。官方示例如下图：将关键词标签化，成为一个整体。方便删除与浏览。二.Tagit官方地址http://aehlke.github.io/tag-it/ 官方地址上有使用说明，也有用例。用例的颜色搭配也可以选择。不过选来选去也就是这几种，Tagit插件使用jqueryui，所以jquery...

javascript实现通过表格绘制颜色填充矩形的方法

2017年02月06日 14 阅读

本文实例讲述了javascript实现通过表格绘制颜色填充矩形的方法。分享给大家供大家参考。具体如下：<html> <head><title> Javascript画矩形 </title> <script type="text/javascript">//定义函数，传入设置参数，返回一个有背景颜色的表格function drawFilledRect（x,y,w,h,color）{ document...

jQuery菜单插件superfish使用指南

2017年02月06日 12 阅读

下载地址：http://plugins.jquery.com/project/Superfish文档说明：http://users.tpg.com.au/j_birch/plugins/superfish/#getting-startedSuperfish的一些特点及效果：使用纯Css实现动态效果，跨浏览器，支持最烂浏览器IE6可设置下拉菜单在鼠标离开时自动隐藏时间。默认是800毫秒支持淡入淡出动画支持键盘响应对含有子菜单的母菜单自动加入提示箭头支持阴影效...

javascript判断数组内是否重复的方法

2017年02月06日 12 阅读

本文实例讲述了javascript判断数组内是否重复的方法。分享给大家供大家参考。具体如下：Array.prototype.del = function（）{ var a = {}, c = [], l = this.length; for （var i = 0; i < l; i++） { var b = this[i]; var d = （typeof b） + b; if （a[d] === undefined） {c.push（b）;a[d]...

jQuery固定元素插件scrolltofixed使用指南

2017年02月06日 13 阅读

这个插件在前段时间用过一次，当时是改一个网站。要求顶部的菜单栏随着滚动条的滚动而固定。也大体写了一下，不过在文章中也只是提了一下，文章地址：jQuery插件固定元素位置。在这篇文章中，再进行总结一下。一.scrolltofixed插件功能固定某个元素的位置，在页面滚动时，元素仍然显示。二.scrolltofixed官方地址https://github.com/bigspotteddog/ScrollToFixed。在官方地址上有使用说明，在下面有插件的属...

javascript格式化指定日期对象的方法

2017年02月06日 12 阅读

本文实例讲述了javascript格式化指定日期对象的方法。分享给大家供大家参考。具体如下：/** 格式化Date对象为：“2015-04-17 10：20：00”* var dateObj = new Date（）; */function formartDate（dateObj）{var updatetimeval =dateObj.getFullYear（）+"-"+（dateObj.getMonth（）+1）+"-" +dateObj.getDate...

JavaScript实现动画打开半透明提示层的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript实现动画打开半透明提示层的方法。分享给大家供大家参考。具体如下：<！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...

JavaScript让网页出现渐隐渐显背景颜色的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript让网页出现渐隐渐显背景颜色的方法。分享给大家供大家参考。具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>javascript渐隐渐显的背景颜色</title><style fprolloverstyle>A:hover...

JavaScript汉诺塔问题解决方法

2017年02月06日 13 阅读

本文实例讲述了JavaScript汉诺塔问题解决方法。分享给大家供大家参考。具体实现方法如下：<script language="javascript"> var han=function （disc,src,aux,dst）{if（disc>0）{ han（disc-1,src,dst,aux）; document.writeln（"move disc "+disc+" from "+src+" to "+dst+"<br/>...

javascript格式化json显示实例分析

2017年02月06日 12 阅读

本文实例讲述了javascript格式化json显示方法。分享给大家供大家参考。具体分析如下：将json对象或者json字符串格式化方便在网页上限制var formatJson = function（json, options） { var reg = null, formatted = "", pad = 0, PADDING = "";//one can also use " " or a different number of spaces // o...

jscript读写二进制文件的方法

2017年02月06日 12 阅读

本文实例讲述了jscript读写二进制文件的方法。分享给大家供大家参考。具体实现方法如下：var bin = new Array（256）;for（var i=0;i<256;i++）{bin[i]=String.fromCharCode（i）;}function TestWrite（）{var Stream = new ActiveXObject（"ADODB.Stream"）;var adTypeBinary=1,adTypeText=2;Str...

JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例

2017年02月06日 15 阅读

本文实例讲述了JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例。分享给大家供大家参考。具体如下：/** * JavaScript macro to run a chess game, showing board, pieces and moves played. * * Author: Todd Whiteman * Revision: 1.0 * Date: October 2012 */var board = "Garry Kasparov...

node.js 使用ejs模板引擎时后缀换成.html

2017年02月06日 13 阅读

这是一个小技巧，看着.ejs的后缀总觉得不爽，使用如下方法，可以将模板文件的后缀换成我们习惯的.html。1.在app.js的头上定义ejs:复制代码代码如下:var ejs = require（"ejs"）;2.注册html模板引擎：复制代码代码如下:app.engine（"html",ejs.__express）;3.将模板引擎换成html:复制代码代码如下:app.set（"view engine", "html"）;4.修改模板文件的后缀为....

首页 / 脚本样式 / JavaScript

jQuery弹出层插件Lightbox_me使用指南

jQuery拖拽插件gridster使用指南

jQuery验证插件validation使用指南

jQuery滚动条插件nanoscroller使用指南

纯js实现重发验证码按钮倒数功能

jQuery关键词说明插件cluetip使用指南

jQuery背景插件backstretch使用指南

jQuery标签编辑插件Tagit使用指南

javascript实现通过表格绘制颜色填充矩形的方法

jQuery菜单插件superfish使用指南

javascript判断数组内是否重复的方法

jQuery固定元素插件scrolltofixed使用指南

javascript格式化指定日期对象的方法

JavaScript实现动画打开半透明提示层的方法

JavaScript让网页出现渐隐渐显背景颜色的方法

JavaScript汉诺塔问题解决方法

javascript格式化json显示实例分析

jscript读写二进制文件的方法

JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例

node.js 使用ejs模板引擎时后缀换成.html