利用CSS3的@keyframes规则创建动画效果； 使用CSS3的animation效果完成滚动切换。
公司主营业务：网站制作、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出新源免费做网站回馈大家。
在html编辑器软件内，新建html页面，（一般我们常使用的两款编辑器是HBuilder和Adobe Dreamweaver，这里我使用的软件是HBuilder）。
marquee direction=left滚动文字/marquee direction是文字滚动的方向，除了left外，还有right(向右滚动)、up(上)、down(下)。除了direction属性外，还有：width：指定宽度。height：指定高度。scrollamount：滚动速度。
在子页面的html标签里加入以下格式：htmlstyle=overflow：auto；overflow-y：hidden，style=overflow：auto，当内容超出范围之后，就会自动有滚动条了。
load， false)；HTML代码：div id=inp/div上面的小例子当touchstart事件触发的时候，会将触摸的位置更新到div标签中。
1、scrolldelay属性设置字幕内容滚动时停顿的时间，单位为毫秒。如果要让滚动看起来流畅，数值应该尽量小。实例中设置为1毫秒。如果要有步进的感觉，就设置时间长一点吧。width属性设置滚动字幕的宽度。
2、打开“文件”，新建“旧版本标题”。编辑字母内容。设定字幕的宽度和高度，字体颜色等属性。点击靠左上角的这个图标，这个就是设置字幕是否滚动的关键所在。打开“滚动/游动选项”。
3、打开软件，文件，新建，html文件，命名随意，我这里命名hday。软件自动生成html的基本构造。首先保存一张背景图片放在img文件夹。
4、在电脑桌面新建一个文本文档。在文本文件输入下面的文字。然后修改文本文件扩展名为.html。双击这个文件，用IE浏览器打开，就可以看到文字滚动。图片标识的意思代表设置背景颜色是红色red。
5、scrollAmount=2 width=300滚动字幕/marquee 各参数详解：a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。
区域选择输入元素使用输入框类似的标签input type=range /，支持一般的数值属性，及其min和max，用来限制区域，step用来设置滑动中数值增量。缺省为1。你可以使用JS/jQuery来修改这些属性，也可以使用onchange事件来监听变化。
创建两个html文件，一个test一个test2。打开test页面，在里面创建一个div，并给其添加onmousedown与move方法。打开后我们发现是一个棕绿的页面。定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标。
dragstart ： 在拖动操作开端运行的脚本。drop ：当被拖元素正在被拖放时运行的脚本。
Step完成HTML页面，新建一个Tree类完成HTML页面后新建一个Tree类用来记录树的各个属性。
强大的HTML5提供了一种新的标签progress，只需要通过该标签+简单的js，即可以实现进度条滚动的效果。
你可以自定义 最大值，最小值，滑动时的事件，停止时的事件等等、、、http：//jqueryui点抗 /slider/#range 右侧例子中有个 Range Slider，应该就是你想要的。
创建两个html文件，一个test一个test2。打开test页面，在里面创建一个div，并给其添加onmousedown与move方法。打开后我们发现是一个棕绿的页面。定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标。