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

node.js [superAgent] 请求使用示例

2017年02月06日 12 阅读

post请求：复制代码代码如下:request.post（"/api/pet"） .end（function（resp,err）{ if （resp.body.status===200） { alert（"yay got " + JSON.stringify（res.body））; } else { return next（resp.body）; } }）;get请求：复制代码代码如下:request.get（"/api/pet"） ... }）;de...

Jquery插件实现点击获取验证码后60秒内禁止重新获取

2017年02月06日 13 阅读

通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取（防刷新）”的功能效果图：先到官网（http://plugins.jquery.com/cookie/）下载cookie插件，放到相应文件夹，代码如下：复制代码代码如下:<！DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-...

纯javascript实现简单下拉刷新功能

2017年02月06日 12 阅读

代码很简单，实现的功能却很实用，直接奉上代码CSS：复制代码代码如下:<meta charset="utf-8" /><title>Pull to Refresh</title><meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable...

SuperSlide标签切换、焦点图多种组合插件

2017年02月06日 12 阅读

此款插件包含在SuperSlide标签切换、焦点图多种组合插件,SuperSlide 是致力于实现网站统一特效调用的函数，能解决大部分标签切换、焦点图切换等效果，还能多个slide组合创造更多的效果。（兼容ie内核（包括无敌的 ie6）、webkit内核、ff、opera等主流浏览器）。适用于网站统一插件库其中包含了网站常用的大部分js效果。文件中包含使用详解。js调用：复制代码代码如下:jQuery（".slideTxtBox"）.slide（ {ef...

javascript实现数独解法

2017年02月06日 13 阅读

生生把写过的java版改成javascript版，第一次写，很不专业，见谅。唉，我是有多闲。复制代码代码如下:var Sudoku = { init: function （str） { this.blank = []; this.fixed = []; this.cell = []; this.trials=[]; for （i = 0; i < 81; i++） { var chr = str.charCodeAt（i）; if （chr == ...

jquery实现标签支持图文排列带上下箭头按钮的选项卡

2017年02月06日 12 阅读

带上下箭头jquery垂直tab选项卡切换标签,技持左侧列表上下滚动，滚动到底部带信息提示。复制代码代码如下:<！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"&g...

jQuery插件jFade实现鼠标经过的图片高亮其它变暗

2017年02月06日 12 阅读

今天为大家带来一款鼠标经过当前高亮其它变暗jQuery插件jFade,此款插件能实现的功能简单而且很实用，当鼠标经过图片列表或是文字列表时悬停当前高亮显示，其它图片列表变暗突出显示鼠标当前悬停。复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"...

Flash图片上传组件 swfupload使用指南

2017年02月06日 13 阅读

swfupload上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件，可缩放、裁剪、旋转、定位和调色等，同时支持asp、asp.net、jsp、php等多语种复制代码代码如下:swfobject.addDomLoadEvent（function （） { var swf = new fullAvatarEditor（"swfContainer", { id: "swf", upload_url: "asp/Upload.a...

jQuery实现跨域iframe接口方法调用

2017年02月06日 12 阅读

cross.js复制代码代码如下:（function（global）{ global.Cross = { signalHandler: {}, on: function（signal, func）{ this.signalHandler[signal] = func; }, call: function（win, domain, signal, data, callbackfunc）{ var notice = {"signal": signal, "d...

jQuery.Highcharts.js绘制柱状图饼状图曲线图

2017年02月06日 13 阅读

在数据统计和分析业务中，有时会遇到客户需要在一个图表中将柱状图、饼状图、曲线图的都体现出来，即可以从柱状图中看出具体数据、又能从曲线图中看出变化趋势，还能从饼状图中看出各部分数据比重。Highcharts可以轻松实现三图合一的效果。复制代码代码如下:var chart; $（document）.ready（function（） { chart = new Highcharts.Chart（{ chart: { renderTo: "container",...

jQuery实现菜单式图片滑动切换

2017年02月06日 12 阅读

jQuery菜单式图片滑动切换是一款天猫官方网站的鼠标滑过图片切换导航菜单特效。复制代码代码如下:$（function（）{ // floorCon-slide $（".floorCon-slide .floorConSlideImgNav li span"）.css（{opacity:0.95}） $（".floorCon-slide .floorConSlideImgNav li.hover"）.find（"span"）.css（{left:0}）/...

jQuery实现精美的多级下拉菜单特效

2017年02月06日 13 阅读

这是一款精美的多级下拉菜单美化,可以完美替代“select”来实现下拉菜单的效果。而且支持多级菜单，有加载等待效果，有层级分类展示。复制代码代码如下:<！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/...

jQuery插件实现大图全屏图片相册

2017年02月06日 12 阅读

大图全屏图片相册jQuery插件，支持左右按钮切换以及点击大图自动切换图片，基于jQuery插件jQuery.album.js，插件支持参数自定义功能，viewMode：0没有缩略图 1有缩略图 2缩略图。全屏幕。可以对图片进行左右转，具体的参数大家可以查看jQuery.album.js文件，总之效果很不错，喜欢的朋友可学习下复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti...

jQuery实现加入购物车飞入动画效果

2017年02月06日 13 阅读

HTML首先载入jQuery库文件和jquery.fly.min.js插件。复制代码代码如下:<script src="jquery.js"></script> <script src="jquery.fly.min.js"></script> 接着，将商品信息html结构布置好，本例中，我们用四个商品并排布置，每个商品box中包括有商品图片、价格、名称以及加入购物车按钮等信息。复制代码代码如下:<...

jQuery+jRange实现滑动选取数值范围特效

2017年02月06日 12 阅读

有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。HTML首先载入jQuery库文件以及jRange相关的css文件：jquery.range.css和插件：jquery.range.js复制代码代码如下:<script src="jquery.js"></script> <link rel="sty...

jQuery+slidereveal实现的面板滑动侧边展出效果

2017年02月06日 12 阅读

我们借助一款jQuery插件：slidereveal.js，可以使用它控制面板左右侧滑出与隐藏等效果，项目地址：https://github.com/nnattawat/slideReveal。如何使用首先在页面中加载jquery库文件和slidereveal.js插件。复制代码代码如下:<script src="jquery.js"></script> <script src="jquery.slidereveal.min...

jQuery+PHP实现动态数字展示特效

2017年02月06日 12 阅读

HTML本例假设要在页面上动态展示（无需刷新整个页面，只是局部刷新动态数字）当前在线用户数，常见在一些统计平台上应用。在HTML页面中只需定义以下结构：复制代码代码如下:<div class="count">当前在线：<span id="number"></span></div> jQuery首先我们要定义一个动画过程，使用jQuery的animate（）函数实现从一个数字到另一个数字的变换过程，以下mag...

jQuery实现购物车数字加减效果

2017年02月06日 12 阅读

我们在网上购物提交订单时，在网页上一般会有一个选择数量的控件，要求买家选择购买商品的件数，开发者会把该控件做成可以通过点击实现加减等微调操作，当然也可以直接输入数字件数。本文将介绍常见的几种使用spinner数字微调器来实现数字加减的功能的方法。左右加减数字像京东提交订单时目前使用的是左右加减数字的效果，这个效果直接明了，操作简单。我们使用jquery.spinner.js插件实现左右加减数字，调用方法非常简单，请看演示示例1。复制代码代码如下:<...

jQuery oLoader实现的加载图片和页面效果

2017年02月06日 12 阅读

oLoader使用方法不管是oLoader还是oPageLoader都是基于jQuery，所以调用前请先加载jquery库，作者已经将两个插件集成到一起：jquery.oLoader.min.js，已经打包好请戳源码下载。调用jQuery oLoader非常简单，一句话如下：复制代码代码如下:$（"#element"）.oLoader（）; 使用oLoader加载图片：复制代码代码如下:$（function（）{ $（"img"）.oLoader（{...

PHP+jQuery+Ajax实现多图片上传效果

2017年02月06日 13 阅读

今天我给大家分享的是在不刷新页面的前提下，使用PHP+jQuery+Ajax实现多图片上传的效果。用户只需要点击选择要上传的图片，然后图片自动上传到服务器上并展示在页面上。HTML我们在页面上放置一个form表单，使用post提交到后台php处理程序upload.php，注意enctype属性设置要支持文件上传。#preview用来显示上传完毕后的图片。关于css样式设置本文不加说明，请参照下载包的源码。复制代码代码如下:<form id="ima...

首页 / 脚本样式 / JavaScript

node.js [superAgent] 请求使用示例

Jquery插件实现点击获取验证码后60秒内禁止重新获取

纯javascript实现简单下拉刷新功能

SuperSlide标签切换、焦点图多种组合插件

javascript实现数独解法

jquery实现标签支持图文排列带上下箭头按钮的选项卡

jQuery插件jFade实现鼠标经过的图片高亮其它变暗

Flash图片上传组件 swfupload使用指南

jQuery实现跨域iframe接口方法调用

jQuery.Highcharts.js绘制柱状图饼状图曲线图

jQuery实现菜单式图片滑动切换

jQuery实现精美的多级下拉菜单特效

jQuery插件实现大图全屏图片相册

jQuery实现加入购物车飞入动画效果

jQuery+jRange实现滑动选取数值范围特效

jQuery+slidereveal实现的面板滑动侧边展出效果

jQuery+PHP实现动态数字展示特效

jQuery实现购物车数字加减效果

jQuery oLoader实现的加载图片和页面效果

PHP+jQuery+Ajax实现多图片上传效果