快捷導(dǎo)航

JavaScript 逼真圖片倒計(jì)時(shí)實(shí)現(xiàn)代碼

更新時(shí)間：2010年09月17日 15:38:58 作者：

一般的倒計(jì)時(shí)代碼都是文字版本的，這個(gè)是圖片格式的，更漂亮的，圖片大家可以自己做。主要是參考實(shí)現(xiàn)方法。

逼真的Js圖片倒計(jì)時(shí)，顯示剩余小時(shí)、分鐘、秒數(shù)。僅用了一張圖片就搞定了，與純網(wǎng)頁(yè)版的不太一樣哦?，F(xiàn)在用圖片模擬LED的效果，還真不錯(cuò)，希望大家徹底喜歡哦。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>逼真圖片倒計(jì)時(shí)</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> .time{width:200px;height:25px;border:1px red solid;overflow:hidden;} .time span{float:left;line-height:25px;height:25px;overflow:hidden;} .time span.danwei{padding:0 1px;} .clear{height:0;clear:both;overflow:hidden;} </style> </head> <body> 距離發(fā)射升空還有： <div   id="wppm3vysvbp"   class="time" id="time1"> <span><img id="hour_01" alt="" src="/upload/201009/20100917154719975.jpg"></span> <span><img id="hour_02" alt="" src="/upload/201009/20100917154719975.jpg"></span> <span><img id="hour_03" alt="" src="/upload/201009/20100917154719975.jpg"></span> <span id="wppm3vysvbp"    class="danwei">：</span> <span><img id="minute_01" alt="" src="/upload/201009/20100917154719975.jpg"></span> <span><img id="minute_02" alt="" src="/upload/201009/20100917154719975.jpg"></span> <span id="wppm3vysvbp"    class="danwei">：</span> <span><img id="second_01" alt="" src="/upload/201009/20100917154719975.jpg"></span> <span><img id="second_02" alt="" src="/upload/201009/20100917154719975.jpg"></span> <br class="clear"> </div>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

圖片倒計(jì)時(shí)

相關(guān)文章

js 判斷所選時(shí)間(或者當(dāng)前時(shí)間)是否在某一時(shí)間段的實(shí)現(xiàn)代碼
這篇文章主要介紹了js 判斷所選時(shí)間(或者當(dāng)前時(shí)間)是否在某一時(shí)間段,需要的朋友可以參考下
2015-09-09
正宗的日歷(含農(nóng)歷)
正宗的日歷(含農(nóng)歷)...
2006-09-09
JavaScript 時(shí)分秒時(shí)間代碼(自動(dòng)補(bǔ)零)
JavaScript 時(shí)分秒時(shí)間代碼，時(shí)間小于10的就補(bǔ)充一個(gè)零。
2010-02-02
Javascript 世界時(shí)區(qū)時(shí)間顯示代碼
Javascript 世界時(shí)區(qū)時(shí)間顯示代碼，顯示多個(gè)地區(qū)的時(shí)間，需要的朋友可以參考下代碼
2012-05-05
javascript 當(dāng)前日期加(天、周、月、年)
javascript當(dāng)前日期加(天、周、月、年) ，有需要操作日期的朋友，可以參考下。
2009-08-08
顯示服務(wù)器時(shí)間的在線時(shí)鐘代碼簡(jiǎn)單
不知道這里之前有沒有這種代碼。在網(wǎng)上找了半天也沒有滿意的，于是寫了這段代碼。實(shí)現(xiàn)起來很簡(jiǎn)單，不必重復(fù)讀服務(wù)器時(shí)間，讀一次即可。
2008-05-05
javascript倒計(jì)時(shí)效果代碼，可以方便參數(shù)調(diào)用
網(wǎng)上看到一個(gè)js倒計(jì)時(shí)效果代碼，但沒能改成參數(shù)調(diào)用的，唉，好久沒練了，后來在經(jīng)典論壇版主caiying2007的幫助下解決了
2008-04-04
JavaScript 逼真圖片倒計(jì)時(shí)實(shí)現(xiàn)代碼
一般的倒計(jì)時(shí)代碼都是文字版本的，這個(gè)是圖片格式的，更漂亮的，圖片大家可以自己做。主要是參考實(shí)現(xiàn)方法。
2010-09-09
由Javascript實(shí)現(xiàn)的頁(yè)面日歷
由Javascript實(shí)現(xiàn)的頁(yè)面日歷，學(xué)習(xí)js的朋友可以參考下。
2011-11-11
javascript獲取當(dāng)前日期時(shí)間及其它操作函數(shù)
javascript獲取當(dāng)前日期時(shí)間及其它操作函數(shù)，需要在js中操作日期時(shí)間的朋友可以參考下。整理的比較全。
2011-01-01