设置背景 将页面背景设置为图片填充,选中图片并剪切,在设置背景格式中选择图片或纹理填充,最后点击插入图片来自剪贴板即可。
插入文本框 在页面中插入 4 个文本框,纵向随机的输入一些数字,并将文本框错位摆放
添加动画 分别对四个文本框添加直线路径动画: 到这一步,数值滚动的大致效果就已经完成了:
色块遮挡 接着,我们要做的就是,使用色块盖住不需要展示的数字。 由于色块和背景不融合,页面看起来还很突兀!
div的样式代码：width:200px;height:300px;overflow:auto;这里的宽最好是和图片等宽，高的话只要低于两张图片高之和就行了，然后直接在div里面插入图片，然后给它添加样式代码、img:{float:left}
html 元素高度设置成定高, css 属性中的overflow设置成auto. 当元素内容溢出设定的高度时自动出现滚动条. css其他相关设定: overflow-x 设置水平滚动条 overflow-y 设置垂直滚动条