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

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

2017年02月06日 13 阅读

这是一款非常强大的内容切换插件，它基于jQuery，它充分响应，支持移动设备，支持手机触摸，键盘翻页；它内置幻灯、视频播放计时器，它拥有各种模式：自定义，自动响应，全屏；它有多种动画效果、3d效果...总之你想到的效果它都做到了，它的名字叫Slider Revolution。HTMLSlider Revolution是一款基于jQuery的插件，使用它时需要先载入jQuery库文件，以及Slider Revolution依赖的css和js文件。<sc...

jQuery实现弹出窗口中切换登录与注册表单

2017年02月06日 12 阅读

当点击页面中的登录或注册按钮时，将会弹出一个模态窗口，就是一个弹出层，我们可以在弹出层上轻松的切换登录与注册表单，极大的方便用户，不需要关闭层再去点击转向其他操作，在很多网站上已经广泛应用。本文结合实例，通过使用jQuery以及CSS3和HTML5技术实现这一效果。HTML我们现在主页面上设置两个链接按钮，即登录和注册按钮。<nav class="main_nav"> <ul> <li><a class="cd-s...

jQuery实现表格行上下移动和置顶效果

2017年02月06日 12 阅读

我们在操作列表数据的时候，需要将数据行排列顺序进行调整，如上移和下移行，将行数据置顶等，这些操作都可以在前端通过点击按钮来完成，并且伴随着简单的动态效果，轻松实现表格数据排序。HTML页面上是一个简单的数据表格，我们在数据行中分别放置“上移”，“下移”和“置顶”三个链接，并且分别定义三个class属性，我们来通过jQuery实现这些操作。 <table class="table"> <tr> <td>HTML5获取地理位...

在JavaScript中使用NaN值的方法

2017年02月06日 13 阅读

不带引号的字面常量NaN是一个特殊的值，表示不是非数字。由于NaN总是比较不等的情况，以任何数，包括NaN，它通常是用于指示应该返回一个有效的数的函数的错误条件。注意：使用isNaN（）全局函数来查看是否值是NaN值。语法您可以使用以下语法访问属性：var val = Number.NaN;示例 :在这里，dayOfMonth分配NaN，如果是大于31，并显示一条消息，表明有效范围：<html><head><script ty...

jQuery+HTML5实现手机摇一摇换衣特效

2017年02月06日 12 阅读

手机摇一摇可以应用到很多场景中，如摇一摇换抽奖，摇一摇搜歌等。本文我将给大家介绍如何使用HTML5+PHP+jQuery实现手机摇一摇换衣效果。注意，这是一篇WEB知识综合应用的文章，阅读本文前提是，您需要有HTML5，jQuery，PHP，MySQL等相关方面的基础知识。HTML我页面中默认展示产品信息（某品牌连衣裙产品图片和文字说明），当然实际应用中可以从数据库中获取产品信息。 <div id="pro" rel="1"><p>...

JavaScript中Number.NEGATIVE_INFINITY值的使用详解

2017年02月06日 13 阅读

这是代表一个的值小于Number.MIN_VALUE一个特殊数值。此值被表示为“负无穷”。此值类似于在其数学行为的无穷大。例如，任何事情乘以NEGATIVE_INFINITY是NEGATIVE_INFINITY，以及任何除以NEGATIVE_INFINITY的值都为零。因为NEGATIVE_INFINITY是一个常数，它是数的只读属性。语法您可以使用以下语法访问属性：var val = Number.NEGATIVE_INFINITY;示例 :这里有一个例...

简介JavaScript中POSITIVE_INFINITY值的使用

2017年02月06日 16 阅读

这是表示大于Number.MAX_VALUE任何值的特殊数值。此值被表示为“无限大”。此值类似于在其数学的无穷大。例如，任何事情乘以POSITIVE_INFINITY结果就是POSITIVE_INFINITY，以及任何除以POSITIVE_INFINITY的结果都为零。因为POSITIVE_INFINITY是一个常数，它是只读属性。语法您可以使用以下语法访问属性：var val = Number.POSITIVE_INFINITY;例子：这里有一个例子说明...

HTML5使用DeviceOrientation实现摇一摇功能

2017年02月06日 12 阅读

HTML5有一个重要特性：DeviceOrientation，它将底层的方向和运动传感器进行了高级封装，它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向传感器实现手机摇一摇效果。DeviceOrientation包括两个事件：1、deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。2、deviceMotion：封装了运动...

JavaScript中的原型prototype属性使用详解

2017年02月06日 13 阅读

prototype属性可以将属性和方法添加到任何对象（Number, Boolean, String 和Date等）。注：原型（Prototype）是一个全局的属性，它可以使用在几乎所有的对象。语法object.prototype.name = value实例:这里有一个例子展示了如何使用原型（prototype）属性的属性添加到对象：<html><head><title>User-defined objects<...

JavaScript中constructor（）方法的使用简介

2017年02月06日 12 阅读

JavaScript Boolean.constructor（）方法返回一个引用到创建实例的原型布尔函数。语法boolean.constructor（）返回值: NA下面是参数的详细信息：返回创建此对象的实例。例子：<html><head><title>JavaScript constructor（） Method</title></head><body><script type...

判断访客终端类型集锦

2017年02月06日 12 阅读

当用户使用手机等移动终端访问网站时，我们可以通过程序检测用户终端类型，如果是手机用户，则引导用户访问适配手机屏幕的移动站点。本文将介绍分别使用PHP和JAVASCRIPT代码判断用户终端类型。PHP版我们使用PHP的$_SERVER["HTTP_USER_AGENT"]来获取手机用户浏览器的用户代理，然后匹配已有的各种手机浏览器代理库，如果含有匹配的关键字，则判断为手机（移动终端）用户。 function is_mobile（） { $user_agent...

简介JavaScript中Boolean.toSource（）方法的使用

2017年02月06日 13 阅读

JavaScript Boolean.toSource（）方法返回表示对象的源代码的字符串。注意：此方法不会在Internet Explorer中运行。语法boolean.toSource（）下面是参数的详细信息： NA返回值返回表示对象的源代码的字符串。例子：<html><head><title>JavaScript toSource（） Method</title></head><bod...

基于jQuery+JSON的省市二三级联动效果

2017年02月06日 13 阅读

省市区联动下拉效果在WEB中应用非常广泛，尤其在一些会员信息系统、电商网站最为常见。开发者一般使用Ajax实现无刷新下拉联动。本文将讲述，利用jQuery插件，通过读取JSON数据，实现无刷新动态下拉省市二（三）级联动效果。HTML首先在head中载入jquery库和cityselect插件。 <script type="text/javascript" src="js/jquery.js"></script> <script...

jQuery插件EnPlaceholder实现输入框提示文字

2017年02月06日 12 阅读

用法：首先在head中分别引入jQuery及本插件<script type="text/javascript" src="jquery-1.7.2.min.js">script> <script type="text/javascript" src="jquery.enplaceholder.js">script> 然后就可以调用鸟//通过value模拟placeholder $（"input"）.placeholder...

javascript实现倒计时并弹窗提示特效

2017年02月06日 14 阅读

在前端开发中，难免会用到倒计时。如做的双十一活动，在距活动开始的半个月前需要做些宣传工作，需要告知用户优惠活动什么时候开始。这个时候就要用到倒计时，如在整站的某个页面提醒用户活动什么时候开始等。而在活动的后期，特别是在距活动结束仅有1天左右时，就要用到弹窗倒计时。这个倒计时设置在整站的首页顶部（当然也可以设置在其它地方，如首页中部等），并设置弹窗弹出10秒后自动消失，由用户决定是否点击到相应的活动页面，购买产品。需要的技术支持：CSS3，jQuery库；H...

JavaScript中toString（）方法的使用详解

2017年02月06日 15 阅读

JavaScript Boolean.toSource（）方法返回表示对象的源代码的字符串。注意：此方法不会在Internet Explorer中运行。语法boolean.toSource（）下面是参数的详细信息： NA返回值返回表示对象的源代码的字符串。例子：<html><head><title>JavaScript toSource（） Method</title></head><bod...

jquery插件NProgress.js制作网页加载进度条

2017年02月06日 13 阅读

NProgress.js是极细的纳米级进度条，用现实的细线条动画让用户看到网页正在发生的事情！你也许已经在 Youtube 上看过了那道红色激光脉冲，它会在你切换页面时出现。其实许多移动浏览器的进度条都是这个样式，但是在网页上实现可不多见。不过，有了 NProgress 这个 jQuery 插件，你也可以轻松实现！NProgress.js应用于复杂网页的细长进度条。由 Google, YouTube, 和 Medium 提供灵感。安装依赖于 jQuery ...

js+html5获取用户地理位置信息并在Google地图上显示的方法

2017年02月06日 12 阅读

本文实例讲述了js+html5获取用户地理位置信息并在Google地图上显示的方法。分享给大家供大家参考。具体实现方法如下：<！DOCTYPE html><html><body><p id="demo">Click the button to get your position:</p><button onclick="getLocation（）">Try It</button&...

jQuery插件jRumble实现网页元素抖动

2017年02月06日 13 阅读

jRumble，它能让网页上的任意元素抖动起来，在你的网站中使用这个效果会有很大的机率吸引用户的注意力。此插件的效果可以用在链接上，或者div上，你可以设置抖动的范围、XY坐标、抖动幅度等。可设置为当鼠标移动上去抖动或者默认一直抖动，插件可定制性还是蛮高的。PS:此插件在IE中还存在一些小问题jQuery jRumble是使用方法<script type="text/javascript" src="js/jquery-jrumble.js">...

简介JavaScript中valueOf（）方法的使用

2017年02月06日 12 阅读

JavaScript的Boolean.valueOf（）方法返回指定 Boolean对象的原始值.语法boolean.valueOf（）下面是参数的详细信息： NA返回值:返回指定Boolean对象的原始值。例子：<html><head><title>JavaScript valueOf（） Method</title></head><body><script type="tex...

首页 / 脚本样式 / JavaScript

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

jQuery实现弹出窗口中切换登录与注册表单

jQuery实现表格行上下移动和置顶效果

在JavaScript中使用NaN值的方法

jQuery+HTML5实现手机摇一摇换衣特效

JavaScript中Number.NEGATIVE_INFINITY值的使用详解

简介JavaScript中POSITIVE_INFINITY值的使用

HTML5使用DeviceOrientation实现摇一摇功能

JavaScript中的原型prototype属性使用详解

JavaScript中constructor（）方法的使用简介

判断访客终端类型集锦

简介JavaScript中Boolean.toSource（）方法的使用

基于jQuery+JSON的省市二三级联动效果

jQuery插件EnPlaceholder实现输入框提示文字

javascript实现倒计时并弹窗提示特效

JavaScript中toString（）方法的使用详解

jquery插件NProgress.js制作网页加载进度条

js+html5获取用户地理位置信息并在Google地图上显示的方法

jQuery插件jRumble实现网页元素抖动

简介JavaScript中valueOf（）方法的使用