javascript实现tab切换特效 2017年02月06日 11 阅读 本文为大家分享了javascript实现tab切换特效的方法,具体的实现内容如下,先看一下效果图:很简单的javascript实现tab切换特效<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>Tab</title><script src="js/jquery-1.11.1.js"></...
javascript弹出窗口实现代码 2017年02月06日 11 阅读 很多网页都实现了弹出窗口,使用方面,特别的人性化,本文就大家介绍javascript实现弹出窗口特效,具体代码如下:<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>弹出窗口</title><script src="js/jquery-1.11.1.js"></script><...
javascript手风琴下拉菜单实现代码 2017年02月06日 11 阅读 手风琴下拉菜单实现的效果更灵活,不同与传统的下拉菜单,本文就为大家分享一段javascript手风琴下拉菜单实现代码,先看一看效果图:具体的javascript手风琴下拉菜单代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>手风琴下拉菜单效果</title><script src="js/jquery-1.11....
基于jquery步骤进度条源码分享 2017年02月06日 11 阅读 基于jQuery网页步骤流程进度条代码里面包含两款不同效果的jQuery步骤进度条特效。效果图如下:在线预览 源码下载html代码:<div class="step_context test"></div>当前步骤:第<input type="text" value="5" id="currentStepVal" />步 <button onclick="StepTool.drawStep(jQuery("#cur...
javascript倒计时效果实现 2017年02月06日 11 阅读 本文分析不同倒计时效果的计算思路及方法,掌握日期对象Date,获取时间的方法,计算时差的方法,实现不同的倒时计效果。1、简单时间显示讲解日期对象Date,并通过该对象获取时、分、秒等,让你自由提取所需时间内容。<!DOCTYPE html><html><head><title>获取时间</title><script type="text/javascript">window.onloa...
javascript发送短信验证码实现代码 2017年02月06日 11 阅读 本文首先分析手机发送验证码的原理,再对javascript发送短信验证码予以实现,具体思路如下:实现点击“发送验证码”按钮后,按钮依次显示为“59秒后重试”、“58秒后重试”…直至倒计时至0秒时再恢复显示为“发送验证码”。在倒计时期间按钮为禁用状态 .第一步、获取按钮、绑定事件、设置定时器变量和计时变量第二步、添加定时器,每隔1秒钟计时减 1,直至当计时小于等于 0 时清除定时器,按钮恢复为“发送验证码”,否则显示为“X秒后重试”效果图:实现代码:<...
javascript伸缩菜单栏实现代码 2017年02月06日 11 阅读 本文实现了点击标题时判断该标题下的菜单是否显示,如果是显示的则将其隐藏,如果是隐藏的则将其显示出来。具体代码如下<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">*{margin:0; padding:0; font...
js图片轮播效果实现代码 2017年02月06日 11 阅读 首先给大家看一看js图片轮播效果,如下图具体思路:一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变量index二、添加定时器,每隔2秒钟index递增一次、调用一次切换图片函数提示:1、 index不能一直无限制的递增下去,需做判断2、调用切换图片函数时需将递增之后的index作为参数传过去三、定义图片切换函数提示: 1.遍历所有放数字索引的li,将每个li上的类去掉。 2.根据传递过来的index值...
基于jquery实现左右按钮点击的图片切换效果 2017年02月06日 11 阅读 jQuery可以制作出与Flash媲美的动画效果,这点绝对毋庸置疑,本文将通过实例演示一个左右按钮点击的图片切换效果。一、最终效果二、功能分析1、需求分析点击左边pre按钮,显示前面三个图片,点击右边的next按钮,显示后面的一组(三个)图片。初始化只显示next按钮,到最后一组只显示pre按钮,中间过程两按钮都显示。2、html结构分析 <div class="activity" id="activity-slide"><a href=...
为何JS操作的href都是javascript:void(0);呢 2017年02月06日 11 阅读 一、我是一只小白下半年浮躁多了,得好好静心学习,告别小白。果断买了几本书:其中,最先看的是《javascript模式》——不少人认为很shi的一本书。……评价观后感等500字省略……当我看到第二章要结束的时候,又一次看到了“JS中避免使用void”的观点,于是,勾起了身为小白的我困扰已久的一个问题:“既然JS中void不推荐,那为何新浪微博,淘宝之流的首页JS操作的href都是javascript:void(0);呢?”截图为证! 为什么?为什么?都系睇?...
每天一篇javascript学习小结(Boolean对象) 2017年02月06日 13 阅读 创建 Boolean 对象的语法: new Boolean(value); //构造函数 Boolean(value); //转换函数 参数 value 由布尔对象存放的值或者要转换成布尔值的值。返回值 当作为一个构造函数(带有运算符 new)调用时,Boolean() 将把它的参数转换成一个布尔值,并且返回一个包含该值的 Boolean 对象。 如果作为一个函数(不带有运算符 new)调用时,Boolean() 只将把它的参数转换成一个原始的布尔值,并且...
js正则表达式验证邮件地址 2017年02月06日 11 阅读 我们最经常遇到的验证,就是电子邮件地址验证。网站上常见。各种网页脚本也都常用“正则表达式”(regular expression)对我们输入的电子邮件地址进行验证,判断是否合法。有的还能分解出用户名和域名。现在用JavaScript语言实现一下电子邮件地址验证程序,用的是JavaScript语言的正则表达式库。效果图:不合法的情况:合法的情况:源代码如下,该网页已在IE、Firefox、Chrome上验证通过:<!DOCTYPE html PUBLI...
javascript生成随机数方法汇总 2017年02月06日 11 阅读 今天有又网友问到我 JavaScript 怎么生成指定范围数值随机数。Math.random() 这个方法相信大家都知道,是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数。基础教程请看这里http://www.jb51.net/w3school/js/jsref_random.htm看完教程,应该知道Math.random()方...
jquery转盘抽奖功能实现 2017年02月06日 12 阅读 一、用到的素材二、代码如下,重点是js部分<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery九宫格大转盘抽奖</title><style>#lottery{width:570px;height:510px;m...
Jquery promise实现一张一张加载图片 2017年02月06日 12 阅读 Promise是CommonJS的规范之一,拥有resolve、reject、done、fail、then等方法,能够帮助我们控制代码的流程,避免函数的多层嵌套。如今异步在web开发中越来越重要,对于开发人员来说,这种非线性执行的编程会让开发者觉得难以掌控,而Promise可以让我们更好地掌控代码的执行流程,jQuery等流行的js库都已经实现了这个对象,年底即将发布的ES6也将原生实现Promise。在javascript设计模式实践之代理模式--图片预...
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题 2017年02月06日 12 阅读 Promises是一种令代码异步行为更加优雅的抽象,它很有可能是JavaScript的下一个编程范式,一个Promise即表示任务结果,无论该任务是否完成。在一些现代浏览器中已经提供了原生的Promise对象,其遵循Promise/A+标准。在jQuery1.5+,提供了$.Deferred(其可以被转化为promise对象)。很多知名的框架中,也提供了promise对象。promise对象在javascript中已经是一种很重要的模式,它在解决异步问题时...
有关Promises异步问题详解 2017年02月06日 13 阅读 迄今为止,可能每个JavaScript开发者和他们的祖母都听说过Promises。如果你没有,那么你即将会。promises的概念是由CommonJS小组的成员在 Promises/A规范 中提出来的。Promises被逐渐用作一种管理异步操作回调的方法,但出于它们的设计,它们远比那个有用得多。事实上,由于它们的多种用法,有无数人告诉我——在我写过一些关于promises的东西后——我“遗漏了promises的重点”。那么什么是promises的重点呢?一...
每天一篇javascript学习小结(Date对象) 2017年02月06日 11 阅读 1、Date.now() //Date.now() is in ECMAScript 5//Prior to that, use +new Date()//获取当前时间var now = (typeof Date.now == "function" ? Date.now() : +new Date());alert("Right now: " + now);2、Date.parse()方法var now = new Date();alert(now...
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别 2017年02月06日 12 阅读 Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。void 操作符用法格式如下:1. javascript:void (expression)2. javascript:void expressionexpression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的,但是写上去是一个好习惯。你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。示例-点击超链...
javascript:void(0)点击登录没反应怎么解决 2017年02月06日 12 阅读 巧用批处理解决IE不支持JavaScript等问题rem =====批处理开始========regsvr32 actxprxy.dll regsvr32 shdocvw.dll Regsvr32 URLMON.DLL Regsvr32 actxprxy.dll Regsvr32 shdocvw.dll regsvr32 oleaut32.dll rundll32.exe advpack.dll /DelNodeRunDLL32 C:WINNTSystem...