这个需要用到H5新标签canvas绘制图形，利用js来实现抽奖效果，实现步骤如下var num = 6 奖品数量 var canvas = documentgetElementById#39canvas#39 var btn = documentgetElementById#39btn#39 if！canvas。

思路1用h5技术，将每个奖品块的颜色默认颜色为暗色2指针到达的奖品块，将颜色调明，指针离开奖品块，则回复默认颜色3用自定义动画控制频率。

2滚动方式behaviorscroll循环滚动，默认效果 slide只滚动一次就停止 alternate来回交替进行滚动语法marquee behavior=#34滚动方式#34marquee 3滚动速度scrollamount滚动速度是设置每次滚动时移动的长。

一种是让marquee标签中的文本实现上下滚动的效果，还有一种是让marquee标签中的文本滚动的速度更快或者更慢都行大家还能把两个合起来一起使用现在让我们一起来看这篇文章吧首先让我们认识这个html marquee标签这个marquee。

如何制作滚动抽奖姓名 请点击输入图片描述 2 选中单元格，在单元格中输入“=INDEXAA，RANDBETWEEN2，9”请点击输入图片描述 3 点击回车 请点击输入图片描述 4 然后按住F9键，姓名就随机滚动起来啦 请点击输入图片描述。

默认为90，值越大，速度越慢通常scrollDelay是不需要设置的#xFFFD#xFFFDebehavior用它来控制属性，默认为循环滚动，可选的值有alternate交替滚动slide幻灯片效果，指的是滚动一次，然后停止滚动。

3现在背景设置好了，加入内容，看看效果在ltbody内写入内容运行滚动鼠标图片是不是不动的4点击运行点击文件，新建，css文件命名输入bodybackgroundimage urlimga3jpgbackgroundattachment。

就是无缝滚动 用js就可以 1打开Dreamweaver软件 2代码如下 不要忘了引入js库 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitional。

用一个setinterval方法就搞定了 请点击输入图片描述 代码用了JQuerylt！DOCTYPE html lthtml xmlns=quot lthead ltscript id=quotscriptquot type=quottextjavascriptquot src=quot。

1首先打开myeclipse获取idea这样的编辑器，在编辑器中写一个table标签，这里给出table的值2然后可以在页面中看到此时展示的是没有样式的table样板，此时所有的数据没有经过渲染，比较紧凑，也不是一个页面展示3可以。

页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 ltmarqueeltmarquee可以实现多种滚动效果，无需js控制使用marquee标记不仅可以移动文字，也可以移动图片，表格等语法ltmarqueelt。

left 和 right四种方式还可以用behavior来控制滚动方式的属性， ltmarquee behavior=quot滚动方式quot滚动文字ltmarquee ，它可以有scroll循环滚动，默认效果slide只滚动一次就停止alternate来回交替进行滚动三种方式。

正常情况下抽奖效果如下所示，抽了两次，结果都是随机的因为是录屏软件1秒抓取2张图片，看起来滚动比较慢，实际滚动速度很快马上就要抽特等奖了，先点击内定小圈开关，再点开始抽奖，不论什么时候点击结束，中奖的结果。

你说的是不是走马灯的效果直接在html的页面写的是用ltmarque标签来写的，例如你说的新闻由上至下的滚动，其写法是ltdivltmarquee direction=top onmouseover=quotthisstopquotonmouseout=quotthisstartquotbehavior=scroll。

官网介绍 适用场合可用于公司年会抽奖抽奖模式含文字抽奖照片抽奖两种模式重复中奖采用禁止重复中奖算法，自动滤除已经中奖的参选者随机抽取随机滚动显示参选者姓名号码照片。