用CSS语言编倒计时表

html-css020

用CSS语言编倒计时表,第1张

css没有这个功能。

要做倒计时表，至少你得用JS或VBS。CSS只是用来控制页面布局、页面风格等。喝在说CSS里也可以控制JS脚本运行，但是实际上还是JS脚本在运行，而并非CSS语言自身的功能。。

而用JS或VBS做一个倒计时表，百度上搜一下，代码太多了。。

用定时器setTimeout('clock()',1000)就行了(其中clock()就是你用来显示时间的自定义funcion。

可以。前提你得设置2次以上，比如

第一种：animation：4s 10 5s

4s本次运动时间，10是动画10次 5s是等5秒开始动画

第二种：animation-delay：5s 延迟后运行

第三种：需要animation-name: xxoo（xxoo是说本次你做的动画叫什么，纯属自己定义！不要以为这是h5标签XXOO）

@keyfrarmes xxoo

{ 

  0%{}

  10%{}

  30%{ 你做的动画已经完成 }

  100%{剩下的跟100%一模一样，就相当于等了几秒}

}

假设广告图片为<div id="ad"><img /></div>

CSS使用浮动定位position:fixed

使图片广告浮在最上层z-index:12

定位图片广告初始位置top:10pxleft:20px

JavaScript

var ad=document.getElementById("ad")

//获取ad的宽度和高度

wad=ad.offsetWidth

had=ad.offsetHeight

//获取屏幕的宽度和高度

w=document.body.clientWidth

h=document.body.clientHeight

//假设横向速度为x，纵向速度为y

var x=10

var y=15

//函数

function move(){

ad.style.left+=x+"px"

ad.style.top+=y+"px"

if(parseInt(ad.style.left)+wad>=w || parseInt(ad.style.left)<=0){

x=-x

}

if(parseInt(ad.style.top)+had>=h || parseInt(ad.style.top)<=0){

y=-y

}

//定时器

setTimeout("move()",1000)

}

//执行函数

move()