在电脑的随便个地方(比如桌面)创建新的文件夹,命名为 抽奖 (名字没关系)。打开这个文件夹。继续创建以下几个文件。
在打开的文件空白地方右键新建一个文件夹命名问photo,放入同学当年(小学初中高中)的照片,每张照片以该同学的名字命名,后缀名都需要是 .jpg。
回到文件夹“抽奖”下,奖制作一张背景图(详看各种ps经验)放于改文件夹下,命名为 background.JPG。右键新建文本文档,连同后缀名在内,将名称命名为 cj.js其内容如下:var arrAllNames=['张三','李四','王五','这里','将','同学们','的','名字','逐一','打入','这个','数组','格式','就像','这样'];var a = 0;function Inital(){document.getElementById('main_body').background = 'background.JPG';}function funDisplayName(){alert(funGetName());}function funGetName(){var str=decodeURIComponent(document.getElementById('imgFace').src);var idx1=str.lastIndexOf('.');var idx2=str.lastIndexOf('/');var filename=str.substring(idx2+1,idx1);return filename;}function funclick(ipt) {var btnTitle='';if(ipt.value=='开始')btnTitle='停';elsebtnTitle='开始';ipt.value=btnTitle;if(btnTitle=='开始'){var timerid=parseInt(document.getElementById('txtTimerID').value);if(isNaN(timerid)){window.clearInterval()}else{window.clearInterval(timerid)} arrAllNames.splice(a,1); }if(btnTitle=='停'){a=0;document.getElementById('txtTimerID').value=window.setInterval(function(){a++;if(a==arrAllNames.length) {a=0;}document.getElementById('imgFace').src = 'photos/'+arrAllNames[a]+'.jpg';},100)}}
新建文本文档,其内容如下,复制好后,将全称改为 抽奖.htm:
到此,创建文件完毕,如图所示。双击 抽奖.htm,如果默认是ie浏览器,有可能会出现如图,需要点击【允许阻止的内容】,其他浏览器一般没问题。随后弹出的窗口点【是】,出现如红色图所示。
点击【开始】,照片自动跳转,再点【停】,这时候可以让同学们猜下这位同学是谁。然后点击【显示名字】。
调节照片跳转的频率在cj.js。如图位置。100就是0.1秒切换一次,这里可以自由设置,然后保存刷新页面,效果即显。