Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选

首页 / 脚本样式 / JavaScript

JavaScript分秒倒计时器实现方法

JavaScript分秒倒计时器实现方法

2016年07月27日 9 阅读
本文实例讲述了JavaScript分秒倒计时器实现方法。分享给大家供大家参考。具体分析如下：一、基本目标在JavaScript设计一个分秒倒计时器，一旦时间完成使按钮变成不可点击状态具体效果如下图，为了说明问题，调成每50毫秒也就是每0.05跳一次表，真正使用的时候，把window.onload=function（）{...}中的setInterval（"clock.move（）",50）;从50调成1000即可。在时间用完之前，按钮还是可以点击的。时间用...
JavaScript组件焦点与页内锚点间传值的方法

JavaScript组件焦点与页内锚点间传值的方法

2016年07月27日 10 阅读
本文实例讲述了JavaScript组件焦点与页内锚点间传值的方法。分享给大家供大家参考。具体分析如下：上述的这两个小功能在一些新式的手机页面是很有用的。如何光标放上输入框就触发事件，离开输入框就触发另一个事件呢？即使用户不输入任何东西……页间传值很简单，但在页内的锚点之间是如何传值呢？一、基本目标有一个页面，上面有一个输入框，一个超级链接，这两个东西是没有任何关联的，只是因为功能不大，所以把两个功能合起来写1、输入框功能一旦把光标放上对话框背景就变成红色，...
JavaScript对数字的判断与处理实例分析

JavaScript对数字的判断与处理实例分析

2016年07月27日 9 阅读
本文实例讲述了JavaScript对数字的判断与处理技巧。分享给大家供大家参考。具体分析如下：Javascript多态的属性是非常爽的，一个var就不用记这么多奇怪的变量，然而，有时候你会困惑，为何，我明明是对两个数进行相加处理，可是结果却被当作字符串加起来呢？这就是Javascript的var不好的地方，它不像php，用一个.来指明这是字符串的连接。这是你需要parseFloat来明确指明这个var是数。需要用isNaN来判断这是不是数。isNaN（一个...
基于jQuery实现最基本的淡入淡出效果实例

基于jQuery实现最基本的淡入淡出效果实例

2016年07月27日 10 阅读
本文实例讲述了基于jQuery实现最基本的淡入淡出效果的方法。分享给大家供大家参考。具体分析如下：jQuery是一个JavaScript 库，也就是对JavaScript的扩展，用来满足各种日益增加的不同特效需求。其实质就是JavaScript下面来编写一个最基本的JQ程序来说明JQ。一、基本目标网页中有如下三个按钮，一个只能隐藏文本，一个只能显示文本，一个同时能隐藏与显示文本，点击一下显示，再点击一下隐藏，无限循环。如下图所示：二、制作过程1.首先你要到...
jQuery循环动画与获取组件尺寸的方法

jQuery循环动画与获取组件尺寸的方法

2016年07月27日 10 阅读
本文实例讲述了jQuery循环动画与获取组件尺寸的方法。分享给大家供大家参考。具体分析如下：一、前言1、jQuery中的animate（）方法允许您创建自定义的动画。animate（） 方法几乎可以操作所有 CSS 属性，不过当使用 animate（） 时，必须使用Camel标记法书写所有的属性名，比如，必须使用paddingLeft而不是padding-left，使用marginRight而不是margin-right，等等。同时，色彩动画并不包含在核心...
jQuery通过控制节点实现仅在前台通过get方法完成参数传递

jQuery通过控制节点实现仅在前台通过get方法完成参数传递

2016年07月27日 9 阅读
本文实例讲述了jQuery通过控制节点实现仅在前台通过get方法完成参数传递。分享给大家供大家参考。具体分析如下：这样也是HTML DOM那部分的内容，javascript与jquery等前端脚本语言的核心就是要控制每一个节点，对每一个节点进行增删改查，这样才能够真正地活用javascript与jquery等前端脚本写出一个又一个华丽丽的东西。javascript控制节点，笔者已经在之前的【JavaScript针对网页节点的增删改查用法实例】有过相关介绍，...
JavaScript针对网页节点的增删改查用法实例

JavaScript针对网页节点的增删改查用法实例

2016年07月27日 10 阅读
本文实例讲述了JavaScript针对网页节点的增删改查用法。分享给大家供大家参考。具体分析如下：一、基本概念这部分也就是所谓的“HTML DOM”，所谓HTML DOM也就是Web页面加载规则，是一个规则，也就是网页组成的基本公式。也就是所有网页都必须按照：<html><body></body></html>……的规则编写，也按照这样的规则加载。所谓的“网页节点”，也叫“DOM节点”的通俗解释，例如html...
jQuery实现跟随鼠标运动图层效果的方法

jQuery实现跟随鼠标运动图层效果的方法

2016年07月27日 11 阅读
本文实例讲述了jQuery实现跟随鼠标运动图层效果的方法。分享给大家供大家参考。具体分析如下：一、基本目标写一个跟随鼠标运动的图层，图层中显示当前鼠标的位置，如下图所示：此图层之所以使用jQuery，而不是因为javascript，是因为jQuery的代码其便于兼容当前的所有主流的浏览器，至少IE8是没有任何问题的，不用像javascript大段大段的代码都用到兼容性上面了。二、制作过程本次实验的核心是jquery里面的mousemove事件，鼠标移动则触...
jQuery实现长按按钮触发事件的方法

jQuery实现长按按钮触发事件的方法

2016年07月27日 9 阅读
本文实例讲述了jQuery实现长按按钮触发事件的方法。分享给大家供大家参考。具体分析如下：现在手机端的快速发展，使许多手机手势需要制作到手机版的网页过程中网上有许多长按按钮的插件，甚至仅仅是jQuery Mobile都有长按事件但是基于种种的兼容性问题，只使用jquery去实现长按动作，可以在手机端与电脑端保持极强的兼容性一、基本目标制作一个按钮，实质上一个100x100px的灰色背景的图层，长按达2s则图层里的文字从in变成out。如下图所示：二、制作过...
js实现浏览器窗口大小被改变时触发事件的方法

js实现浏览器窗口大小被改变时触发事件的方法

2016年07月27日 11 阅读
本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法。分享给大家供大家参考。具体分析如下：当浏览器的窗口大小被改变时触发的事件window.onresize为事件指定代码：复制代码 代码如下:window.onresize = function（）{}例如：浏览器可见区域信息：复制代码 代码如下:<span id="info_jb51_net">请改变浏览器窗口大小</span><script>window.onr...
JavaScript闭包详解

JavaScript闭包详解

2016年07月27日 9 阅读
在上一篇文章我们对预解释作了概述，在写这篇博文前打算写几个经典案例，考虑到那些案例综合性比较强，也就循序渐进的有了这篇博文，这样对于学习和深入JavaScript也更加容易入手。序一同事去面试，面试官问了一道题：你写一个闭包我看下？于是同事火速写出如下代码：复制代码 代码如下:function fn（）{ alert（"Hello JavaScript Closure！！！"）;//妈蛋，E文本来就不好，找翻译才把闭包单词写出来}fn（）;然后面试官摇摇头...
jQuery中的pushStack实现原理和应用实例

jQuery中的pushStack实现原理和应用实例

2016年07月27日 10 阅读
pushStack是jQuery内核中一个非常重要的函数，它是如此重要，以至于许多jQuery内部函数中都频繁用到它。平常情况下，虽然很少用到它, 但是掌握这个函数，不仅有利于理解jQuery的运行原理，还方便我们做更加高级的jQuery操作。顾名思义，pushStack是入栈, 栈作为一种数据结构，是一种只能在一端进行插入和删除操作的特殊线性表。数据入栈时，类似与我们进电梯，后进而先出, 如下图:jQuery中的栈其实并不是真正的栈，而是给jQuery对...
jQuery中noconflict函数的实现原理分解

jQuery中noconflict函数的实现原理分解

2016年07月27日 9 阅读
jQuery中，noconflict是用来防止变量冲突，用来释放变量控制权的一个重要方法。我们知道，jQuery中对外提供有两个全局变量，$和jQuery，虽然jQuery只产生了两个全局变量，极少情况下才会出现冲突，但是如果网页中如果包涵较多的类库,有自定义$或jQuery全局变量的存在时，就产生冲突。jQuery提供的noconflict函数很好的解决了变量冲突问题，无论是$或者jQuery冲突都可以解决，接下来我们就来分析一下jQuery的冲突处理。...
jQuery中extend函数的实现原理详解

jQuery中extend函数的实现原理详解

2016年07月27日 9 阅读
extend（）是jQuery中一个重要的函数，作用是实现对对象的扩展, 它经常用于jQuery插件的开发，jQuery内部也使用它来扩展属性方法，如上篇文章中讲到的noConflict方法，就是用extend方法来扩展的。在jQuery的API手册中，我们看到，extend实际上是挂载在jQuery和jQuery.fn上的两个不同方法，尽管在jQuery内部jQuery.extend（）和jQuery.fn.extend（）是用相同的代码实现的，但是它们...
jQuery内部原理和实现方式浅析

jQuery内部原理和实现方式浅析

2016年07月27日 10 阅读
这段时间在学习研究jQuery源码，受益于jQuery日益发展强大，研究jQuery的大牛越来越多，学习的资料也比前两年好找了，有很多非常不错的资源，如高云的jQuery1.6.1源码分析系列。这些教程非常细致的分析了jQuery内部原理和实现方式，对学习和理解jQuery有非常大的帮助。但是个人认为很多教程对jQuery的整体结果把握不足，本人试图从整体来阐述一下jQuery的内部实现。大家知道，调用jQuery有两种方式，一种是高级的实现，通过传递一个...
基于javascript、ajax、memcache和PHP实现的简易在线聊天室

基于javascript、ajax、memcache和PHP实现的简易在线聊天室

2016年07月27日 10 阅读
在线聊天室（online chatrooms）是一个共多人进行沟通交流的网络平台，随着越来越多的新技术的发明和成熟运用，在线聊天室也出现使用各种不同技术的, 这篇文章我想简单总结一下。首先说一下前台技术，最新的当然是基于HTML5的websocket，它实现了浏览器与服务器全双工通信（full-duplex）。WebSocket通信协议于2011年被IETF定为标准 RFC 6455，WebSocketAPI被W3C定为标准。在WebSocket API中...
Javascript中call和apply函数的比较和使用实例

Javascript中call和apply函数的比较和使用实例

2016年07月27日 9 阅读
一些简单的Javascript操作中较少会用到call和apply函数，在另外一些较大型的操作中，如web应用开发，js框架开发中可能会经常遇到这两个函数。关于这两个函数的解释，网上的资料也很多，但是本人认为很多资料要么照本宣科，要么高度雷同，缺少接地气的解释。接下来我试图用更加清晰简单的思路来分析解释这两个函数。复制代码 代码如下:我们可以将call（）和apply（）看做是某个对象的方法，通过调用方法的实行来间接调用函数。call（）和apply（）的...
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法

JS实现至少包含字母、大小写数字、字符的密码等级的两种方法

2016年07月27日 9 阅读
本文实例讲述了JS实现至少包含字母、大小写数字、字符的密码等级的两种方法。分享给大家供大家参考。具体如下：前言密码，如果设置的太简单，很容易就被攻破，所以很多网站将密码设置的要求设置的挺严格，一般是字母、数字、字符3选2，区分大小写。对于设置得太简单的密码，予以错误提示。或者予以密码等级（低中高）显示，让用户设置高级密码。那如何利用JS实现呢？实现代码如下：function passwordLevel（password） { var Modes = 0; ...
<< 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图