碼上歡樂
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
數字倒數效果
本文轉載自
查看原文
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刪除。
猜您在找
用jQuery實現數字滾動效果
實現數字滾動增長效果
如何實現數字lcd顯示效果(原創)
react-countup - 數字滾動效果
jquery.animateNumber.js 數字動畫效果
原生實現數字滾動效果，H5
JQuery實現數字滾動增加的效果
實現大屏數字滾動翻轉效果
awk打印倒數第2列
Odometer使用JavaScript和CSS制作數字滑動效果
粵ICP備18138465號
© 2018-2025 CODEPRJ.COM
