Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript实现更改网页背景与字体颜色的方法

JavaScript实现更改网页背景与字体颜色的方法

2017年02月06日 12 阅读
本文实例讲述了JavaScript实现更改网页背景与字体颜色的方法。分享给大家供大家参考。具体分析如下：JavaScript，通过点击按钮更改网页背景与字体的颜色，网页中有N个改变颜色的按钮，点击不同的按钮，网页的字体与背景就会改变成不同的颜色。很简单的JavaScript小程序。一、基本目标一打开网页首先提示问候信息“你好”网页中有N个改变颜色的按钮，其中返回是返回网页的默认颜色，背景是白的，字体是黑的点击不同的按钮，网页的字体与背景就会改变成不同的颜色...
JavaScript实现同步于本地时间的动态时间显示方法

JavaScript实现同步于本地时间的动态时间显示方法

2017年02月06日 13 阅读
本文实例讲述了JavaScript实现同步于本地时间的动态时间显示方法。分享给大家供大家参考。具体分析如下：动态显示时间的例子非常简单，了解JavaScript之后就是几行的代码便能够完成的事情，但是对于一些未接触过JavaScript的人来说，几乎很大工程的样子，然后在网上苦苦寻觅代码，之后在茫茫的html代码中寻求不到，最终得不到要领。一、基本目标实现一个随同客户端（浏览者机器上的）时间的网页文本时间，使用最短的代码。二、制作过程复制代码 代码如下:&...
JavaScript使用setInterval（）函数实现简单轮询操作的方法

JavaScript使用setInterval（）函数实现简单轮询操作的方法

2017年02月06日 12 阅读
本文实例讲述了JavaScript使用setInterval（）函数实现简单轮询操作的方法。分享给大家供大家参考。具体分析如下：轮询（Polling）是一种CPU决策如何提供周边设备服务的方式，又称“程控输出入”（Programmed I/O）。轮询法的概念是，由CPU定时发出询问，依序询问每一个周边设备是否需要其服务，有即给予服务，服务结束后再问下一个周边，接着不断周而复始。轮询法实作容易，但效率偏低。在JavaScript使用setInterval函数...
JavaScript分秒倒计时器实现方法

JavaScript分秒倒计时器实现方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript闭包详解

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

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

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

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

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

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

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

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

2017年02月06日 13 阅读
这段时间在学习研究jQuery源码，受益于jQuery日益发展强大，研究jQuery的大牛越来越多，学习的资料也比前两年好找了，有很多非常不错的资源，如高云的jQuery1.6.1源码分析系列。这些教程非常细致的分析了jQuery内部原理和实现方式，对学习和理解jQuery有非常大的帮助。但是个人认为很多教程对jQuery的整体结果把握不足，本人试图从整体来阐述一下jQuery的内部实现。大家知道，调用jQuery有两种方式，一种是高级的实现，通过传递一个...
<< 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图