Welcome 微信登录

首页 / 脚本样式 / JavaScript

用JavaScript实现动画效果的方法

用JavaScript实现动画效果的方法

其实原理是很简单的,主要是使用了一个计时器函数,下面我为大家演示一个简单的动画的制作过程,通过有关的介绍,大家可以举一反三,做出更多很炫的动画效果。 这个实例的效果是点击网页上的“开始移动”按钮,则其中的指定图层就会从左到右移动,在这个过程中你点击“停止移动”按钮就会停止移动。复制代码 代码如下: <html> <head> <title>JavaScript Motion Sample</title>...
js图片延迟加载的实现方法及思路

js图片延迟加载的实现方法及思路

大概的实现方式是:在页面的load没有触发之前,把所有的指定id的元素内的img放入到imgs中,将所有的图片的src值放入到一个新建的_src属性中,把src设置为指定的显示图片。然后,在document.body的scroll事件触发时,循环计算imgs中的img元素位置是否正好在浏览器显示框范围内,如果是,则将img元素的_src属性的值赋给src,这样图片就能显示出来。这里比较麻烦地方是,如何计算img的位置,获得元素的相对于页面的绝对位置。通常是...
JS判定是否原生方法

JS判定是否原生方法

浏览器的趋势是加入越来越多对象,像Worker,同时也为旧有的对象添加新方法。如何兼容它的第一步就是检测它们是否存在,没有则补上自己的兼容代码。这时问题就来了,有的类库是给你做了这一步,但有时没有,有时是做了,但并不符合标准。因此单纯是typeof Array.prototype.map === "function"可能不够用。这时isNative方法就要登场了。 我一直用的版本,自己写的:复制代码 代码如下:var isNative = function...
JavaScript的模块化:封装(闭包),继承(原型) 介绍

JavaScript的模块化:封装(闭包),继承(原型) 介绍

虽然 JavaScript 天生就是一副随随便便的样子,但是随着浏览器能够完成的事情越来越多,这门语言也也越来越经常地摆出正襟危坐的架势。在复杂的逻辑下, JavaScript 需要被模块化,模块需要封装起来,只留下供外界调用的接口。闭包是 JavaScript 中实现模块封装的关键,也是很多初学者难以理解的要点。最初,我也陷入迷惑之中。现在,我自信对这个概念已经有了比较深入的理解。为了便于理解,文中试图封装一个比较简单的对象。我们试图在页面上维护一个计数...
js操作iframe兼容各种主流浏览器示例代码

js操作iframe兼容各种主流浏览器示例代码

在做项目时,遇到了操作iframe的相关问题。业务很简单,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数。于是就写了两个很简单的htm页面用来测试,使用网上流行的方法在谷歌浏览器中始终报错,不能通过。 父页面parent.html的代码如下 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title>...
offsetHeight在OnLoad中获取为0的现象

offsetHeight在OnLoad中获取为0的现象

在使用IE中,特别在目前div+css的方式,往往不定义div的高度,这是在添加div内容后,需要获取div的高度时,往往需要用到offsetHeight。在使用中,有时会碰到offsetHeight获取到为0的现象,但如果你用各种JS调试工具调试,又能在对象中看到值(如果直接指向offsetHeight是没值的,但如果是对象查看是有值的,在调试器中回车查看对象就已经刷新对象了,所以有值。)比如下面片段 复制代码 代码如下: <!DOCTYPE ht...
JavaScript获取onclick、onchange等事件值的代码

JavaScript获取onclick、onchange等事件值的代码

今天小菜处理下拉菜单级联问题时,想获取HTML标签中某个事件的内容,也就是值,比如从<select id="city" onchange="javascript:test();"></select>中获取javascript:test();。 小菜想通过事件中的信息,确定下一级的菜单,但是这个貌似很简单的问题,却让小菜纠结了一番。 稍微懂点JQuery的童鞋,可能会尝试这样获取: 复制代码 代码如下: $(document).rea...
<< 671 672 673 674 675 676 677 678 679 680 >>