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

ECMA5数组的新增方法有哪些及forEach（）模仿实现

2017年02月06日 13 阅读

下面通过一段代码示例给大家介绍ECMA5数组的新方法forEach（）模仿实现，具体代码如下所示，var o = { forEach: function （callback） { // alert（this.length）; for （var i = , len = this.length; i < len; i++） { callback && callback（this[i], i, this）; } }, get length（）{ var s...

基于JavaScript怎么实现让歌词滚动播放

2017年02月06日 11 阅读

各种音乐播放器上都有一个自动滚动播放歌词的功能，当前滚动到的歌词会高亮居中显示，即使歌词被换行也能正常居中，那么这个功能基于JavaScript怎么实现让歌词滚动播放呢？请看下文详解。一般音乐播放器使用的歌词格式都是lrc，为了方便处理，我们这里使用XML格式的歌词。介绍一个网站：中文歌词库。它提供xml格式的歌词。我们先来看一下这个例子的最终效果：下面是基于jQuery的具体代码：<！DOCTYPE html><html lang="e...

jQuery实现仿QQ头像闪烁效果的文字闪动提示代码

2017年02月06日 11 阅读

本文实例讲述了jQuery实现仿QQ头像闪烁效果的文字闪动提示代码。分享给大家供大家参考，具体如下：jQuery 闪动的文字提示，仿QQ头像闪烁闪动提示，可以用于错误提示或其他吸引用户注意力的场合。shake（ele,cls,times） ele : jQuery Object [object] 要闪动的元素 cls : Class Name [string] 闪动的类 times : Number [Number] 闪动几次注意，必须调用jQuery1....

jQuery实现Email邮箱地址自动补全功能代码

2017年02月06日 11 阅读

本文实例讲述了jQuery实现Email邮箱地址自动补全功能代码。分享给大家供大家参考，具体如下：jQuery Email邮箱地址自动补全代码，输入Email时，会自动加入@符号，在输入框中输入“qq”、“Sina”、“163”等等可以看到效果；鼠标经过提示Email时，高亮该条Email，鼠标点击Email时，文本框内容替换成该条Email，并删除提示层.运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jqu...

JavaScript实现的Tween算法及缓冲特效实例代码

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现的Tween算法及缓冲特效。分享给大家供大家参考，具体如下：这里演示Tween 算法及缓冲特效的JavaScript代码，利用它可以做缓动、弹簧等很多动画效果，怎么利用flash的Tween类的算法，来做js的Tween算法，并利用它做一些简单的缓动效果呢，看懂了本代码你就明白了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-tween-run-style-code...

JavaScript实现的多种鼠标拖放效果

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现的多种鼠标拖放效果。分享给大家供大家参考，具体如下：这是一款JavaScript鼠标拖放效果代码，通过本示例了解触发对象，设置范围限制，指定容器大小水平及垂直锁定，还包括获取和释放焦点等。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-mouse-move-fix-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C/...

jQuery实用技巧必备（下）

2017年02月06日 15 阅读

本文实例总结了经典且实用的jQuery代码开发技巧。分享给大家供大家参考。具体如下：23. jQuery延时加载功能 Want to delay something?$（document）.ready（function（） { window.setTimeout（function（） {// do something }, 1000）;}）;24. 移除单词功能 Want to remove a certain word（s）?$（do...

JavaScript实现倒计时代码段Item1（非常实用）

2017年02月06日 11 阅读

现今团购网、电商网、门户网等，常使用时间记录重要的时刻，如时间显示、倒计时差、限时抢购等，本文分析不同倒计时效果的计算思路及方法，掌握日期对象Date，获取时间的方法,计算时差的方法，实现不同的倒时计效果。1、简单时间显示讲解日期对象Date,并通过该对象获取时、分、秒等，让你自由提取所需时间内容。<！DOCTYPE html><html><head> <title>获取时间</title> &l...

整理JavaScript创建对象的八种方法

2017年02月06日 11 阅读

javascript创建对象的方法如下所示：1. 使用Object构造函数来创建一个对象下面代码创建了一个person对象，并用两种方式打印出了Name的属性值。 var person = new Object（）; person.name="kevin"; person.age=31; alert（person.name）; alert（person["name"]）上述写法的另外一种表现形式是使用对象字面量创建一个对象，不要奇怪person[“5”],...

js实现二级菜单渐隐显示

2017年02月06日 11 阅读

先给大家看一看最终的效果图：下面就是js实现二级菜单渐隐显示的代码：<！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...

JavaScript前端开发之实现二进制读写操作

2017年02月06日 12 阅读

关于javascript前端开发之实现二进制读写操作的相关介绍，请看以下内容详解，本文介绍的非常详细，具有参考价值。由于种种原因，在浏览器中无法像nodejs那样操作二进制。最近写了一个在浏览器端操作读写二进制的帮助类！function （entrance） {"use strict";if （"object" === typeof exports && "undefined" ！== typeof module） {module.exports = en...

jQuery实现带有动画效果的回到顶部和底部代码

2017年02月06日 11 阅读

本文实例讲述了jQuery实现带有动画效果的回到顶部和底部代码。分享给大家供大家参考，具体如下：这款动画版的回到顶部和底部效果代码，也算是比较常见的一款网页特效了，像淘宝网就有这种效果，使用了jQuery插件，加入了动画效果。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-animate-style-scroll-top-buttom-codes/具体代码如下：<！DOCTYPE html ...

JS实现网页上随滚动条滚动的层效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现网页上随滚动条滚动的层效果代码。分享给大家供大家参考，具体如下：这款网页上随滚动条滚动层代码，拖动滚动条即可看到效果，对联广告的代码也都是基于此的，右侧的浮动层同样是可以关闭的稍微加工，便可实现一个浮动广告的代码，运行一下，先看效果吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-web-fixed-scroll-adv-codes/具体代码如下：<！DOCTYPE html...

JS实现超精简的链接列表在固定区域内滚动效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现超精简的链接列表在固定区域内滚动效果代码。分享给大家供大家参考，具体如下：这款超精简版的链接列表文字滚动代码，可在指定的区域内滚动，当然，区域大小可以自己设置的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-link-list-scroll-style-codes/具体代码如下：<html><HEAD><TITLE>文字链接列表滚动</TI...

JS实现获取键盘按下的按键并显示在页面上的方法

2017年02月06日 11 阅读

本文实例讲述了JS实现获取键盘按下的按键并显示在页面上的方法。分享给大家供大家参考，具体如下：请你使用键盘输入一些字符，这些字符就被显示在网页的空白处，是不是少了文本框或文本域之类的东西，觉得挺不习惯呢？这个效果是应用了JavaScript中的document.onkeypress对象，监测键盘的一举一动，并记录下哪些键被按下，有意思吧，想研究Js的朋友，就从这些小例子开始吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/j...

jquery实现的点击翻书效果代码

2017年02月06日 11 阅读

本文实例讲述了jquery实现的点击翻书效果代码。分享给大家供大家参考，具体如下：这是自写一个翻书的Js效果,基于jquery-1.4.2.min.js插件实现，还正在完善中，希望大家能喜欢，我觉得不错。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-click-cha-page-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XH...

解决js图片加载时出现404的问题

2017年02月06日 11 阅读

运营网站久了之后，无法避免会出现图片404的情况，原因可能是图片文件本来就不存在或目前不存在。常见的解决方案是将404图片隐藏或者是替换为默认的图片。img标签事件属性img标签可使用的时间属性有：onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondrago...

js数组去重的5种算法实现

2017年02月06日 11 阅读

1.遍历数组法最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下：// 最简单数组去重法 function unique1（array）{ var n = []; //一个新的临时数组 //遍历当前数组 for（var i = 0; i < array.length; i++）{...

基于JavaScript实现移动端点击图片查看大图点击大图隐藏

2017年02月06日 11 阅读

一、需求点击图片查看大图，再点大图隐藏。多用于移动端，因为移动端屏幕小，可能需要查看大图。二、代码<！DOCTYPE html><html><meta charset="utf-8"/><head runat="server"><title>JQuery点击图片查看大图by starof</title><style type="text/css">.exampleImg {...

jQuery多条件筛选如何实现

2017年02月06日 11 阅读

本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下：我们在电商平台购买商品时，在商品列表页根据品牌、款式、价格范围等条件进行筛选查询，当点击某个条件时，在页面上会显示用户所选择的条件集合，并且将对应的符合条件的商品信息展示出来。那么今天我们使用jQuery来实现这一前端效果。运行效果图：HTML首先，我们将查询条件分类，在页面中布置条件容器li.select-list和已选择的条件容器div.select-result。<u...

首页 / 脚本样式 / JavaScript

ECMA5数组的新增方法有哪些及forEach（）模仿实现

基于JavaScript怎么实现让歌词滚动播放

jQuery实现仿QQ头像闪烁效果的文字闪动提示代码

jQuery实现Email邮箱地址自动补全功能代码

JavaScript实现的Tween算法及缓冲特效实例代码

JavaScript实现的多种鼠标拖放效果

jQuery实用技巧必备（下）

JavaScript实现倒计时代码段Item1（非常实用）

整理JavaScript创建对象的八种方法

js实现二级菜单渐隐显示

JavaScript前端开发之实现二进制读写操作

jQuery实现带有动画效果的回到顶部和底部代码

JS实现网页上随滚动条滚动的层效果代码

JS实现超精简的链接列表在固定区域内滚动效果代码

JS实现获取键盘按下的按键并显示在页面上的方法

jquery实现的点击翻书效果代码

解决js图片加载时出现404的问题

js数组去重的5种算法实现

基于JavaScript实现移动端点击图片查看大图点击大图隐藏

jQuery多条件筛选如何实现