码上欢乐
首页
榜单
标签
关于
搜索
相关内容
简体
繁体
数字倒数效果
本文转载自
查看原文
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
