网页tietle闪动效果

来源:luqidong 发布时间:2014-05-13 20:21:27 点击数:

  一般购物网站都会在浏览器标签栏上不停的显示您的订单条数,这种效果明显起到了提醒的作用,那么原理是什么样子的呢?

  首先我们眼睛直观的可以看到它是一闪一闪的,那么必定会有一个setToimeout函数来不停的切换页面中title的文字内容。那么如何去不停的切换呢。就是一个循环的问题,比如:

while(true){

document.title="www.78oa.com 订单"

document.title=""

document.title="www.78oa.com 订单"

document.title=""

}

显示内容是要有时间控制的,我们设定2秒一次

执行一次就是

setTimeout(function({

document.title="www.78oa.com 订单"

document.title=""

}),2000)

执行多次就是这样来

(function a(){

i++

if(i=3)i=1

if(i=2)document.title="www.78oa.com 订单"

if(i=1)document.title=""

}

setTimeout("a()",2000);

本文由免费oa系统 78oa原创,转载请注明出处