码迷,mamicode.com
首页 >  
搜索关键字:csstext transition settimeout    ( 2805个结果
解决transition动画与display冲突的几种方法
如demo(如果没有显示,请查看源地址http://jsfiddle.net/ihardcoder/HNduT/2/)所示,基本的效果是在点击“Translate”按钮后,蓝色区域透明度变为0,然后隐藏display:none;点击Reset按钮后,首先显示蓝色区域display:block,然后透...
分类:其他好文   时间:2014-07-22 22:44:33    阅读次数:373
setTimeout 导致的浏览器假死
问题 前几天,同事遇到一个浏览器假死的问题。就是浏览器在响应一个请求的时候,就突然不响应时间,进入假死状态,Cup也飙升到100%. 但是这个问题只出现在IE浏览器,chrome和Firefox等其他浏览器正常。原因 Js 代码里面,看着也没有什么耗时的操作和后台异步调用。没办法,只能从响应事件.....
分类:其他好文   时间:2014-07-19 15:39:57    阅读次数:274
javascript中setTimeout和setinterval的区别是?
setTimeout只运行一次,也就是说设定的时间到后就触发运行指定代码,运行完后即结束。如果运行的代码中再次运行同样的setTimeout命令,则可循环运行。setinterval是循环运行的,即每到设定时间间隔就触发指定代码。这是真正的定时器。serinterval使用简单,而setTimeou...
分类:编程语言   时间:2014-07-18 15:16:58    阅读次数:288
Javascript引擎单线程机制及setTimeout执行原理说明
setTimeout用法在实际项目中还是会时常遇到。比如浏览器会聪明的等到一个函数堆栈结束后才改变DOM,如果再这个函数堆栈中把页面背景先从白色设为红色,再设回白色,那么浏览器会认为DOM没有发生任何改变而忽略这两句话,因此我们可以通过setTimeout把“设回白色”函数加...
分类:编程语言   时间:2014-07-18 14:15:50    阅读次数:189
最牛的打字效果JS插件 typing.js
最新在做公司的一个项目,需要实现一个敲打代码的动画效果,粗意味比较简单,果断自己直接开写,写着写着发现是一个坑。需要支持语法高亮,并不能直接简单的用setTimeout来动态附件innerHTML。苦思猛想数小时后,果断用动态生成DOM的方法实现了整个效果。typing.js的打印效果甚至能够支持表...
分类:Web程序   时间:2014-07-18 12:17:54    阅读次数:307
图片懒加载
原理目的: 减少请求数或者是延迟请求数,优化性能实现方式:1、滚动条检测,仅加载可视区的图片 2、条件加载, 符合条件或者是触发事件时加载 3、延迟加载, setTimeout或者是setInteval方式一实现图片懒加载原理: 1.将图片的真实地址暂存在一个自定义属性中,例如la...
分类:其他好文   时间:2014-07-18 09:36:38    阅读次数:337
Javascript引擎单线程机制及setTimeout执行原理说明
setTimeout用法在实际项目中还是会时常遇到。比如浏览器会聪明的等到一个函数堆栈结束后才改变DOM,如果再这个函数堆栈中把页面背景先从白色设为红色,再设回白色,那么浏览器会认为DOM没有发生任何改变而忽略这两句话,因此我们可以通过setTimeout把“设回白色”函数加...
分类:编程语言   时间:2014-07-16 23:48:30    阅读次数:512
javascript的setTimeout以及setInterval休眠问题。
前端码农们在做项目中时候,必定不可少的需要做到轮播效果。但是有些特殊的需求,比如:需要做到第一个容器内容轮播滚动之后,第二个容器内部再轮播滚动,再第三个容器内容轮播滚动。这时候我的一开始的思路是:每个容器都看成一个单独的轮播效果,既然是依次的滚动就设定滚动开始时间差,三个setTimeout()分别...
分类:编程语言   时间:2014-07-16 12:03:39    阅读次数:259
setTimeout和setInterval
var i=10;//倒计时时间 var f;//清楚倒计时 function ShowTime() { i--; if(i==0){ document.getElementById("time").innerHTML="正在调整请稍后!"; clearInterval(f);//2清除...
分类:其他好文   时间:2014-07-16 00:23:50    阅读次数:404
CSS3实现的圆形遮罩手机应用效果实例
<html><head><title>CSS3实现的圆形遮罩手机应用效果实例丨芯晴网页特效丨CsrCode.CN</title><style>.trans{-webkit-transition:0.3sease;-moz-transition:0.3sease;-ms-transition:0.3sease;-o-transition:0.3sease;transition:0.3sease;}.test..
分类:移动开发   时间:2014-07-15 11:50:51    阅读次数:269
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!