碼上歡樂
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
數字倒數效果
本文轉載自
查看原文
2012-10-24 09:40
3472
JavaScript
當頁面初步加載時,顯示數字滾動。
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <title>test</title> <style type="text/css"> *{ margin:0; padding:0;} body{font:12px/1 arial; background:#3f3f3f;} .num{ width:500px; padding:10px 0;border-radius:15px;text-shadow:1px 1px 1px #999; color:#fff;text-align:center; margin:120px auto; font-size:62px; font-weight:bold; border:5px solid #ccc; background:#fff;} .num strong{ font-weight:normal; border:1px solid #ccc; background:#333; padding:0 10px; text-align:center;} </style> </head> <body> <div id="num" class="num" style="display:none;">1000000</div> </body> </html>
運行代碼
×
免責聲明!
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
java ee 中 Jsp 頁面的定時的跳轉(數字倒數)
WPF數字滾動效果
數字滾動效果
jquery實現 數字變化效果
數字展示變化滾動效果
用jQuery實現數字滾動效果
jQuery用戶數字評分效果
Qt實現數字滾動動畫效果
數字滾動效果(CSS3 transition屬性)
使用css實現電子數字效果
粵ICP備18138465號
© 2018-2025 CODEPRJ.COM