阅读下列说明、效果图和代码,进行静态网页开发,填写(1)至(12)代码。 【说明】 现要求制作一个简单的抽奖页面,已知几个参选人的图片,通过点击开始按开始随机切换头像,点击停止时停止切换并将获奖头像放大到右边的框中,设计如下效果图。 项目名称为lucky,包含首页index.html、css文件夹、images文件夹、js文件夹,其中,css文件夹包含index.css文件,images文件夹包含0-6共7张jpg图片;js文件夹包含jquery.min.js 和index.js文件。 【效果图】 【代码:index.html】
lucky
【代码:index.js】 var imgs = ["images/0.jpg","https://cdn.shuashuati.com/imgs/db9d90429922e43b3bffb5f25b9b4850.jpg", "images/2.jpg", "images/3.jpg", "images/4.jpg","images/5.jpg","images/6.jpg"]; var startId;//开始定时器的id var index;//随机角标 $(function () { //jquery定义开始按 var startBtn= ; //jquery定义停止按 var stopBtn= ; //jquery定义框图片 var smallImg= ; //jquery定义大相框图片 var bigImg= ; //处理按是否可以使用的效果 startBtn.prop("disabled",false); stopBtn.prop("disabled",true); //1. 给开始按绑定单击事件 startBtn.click(function () { // 1.1 定义循环定时器 20毫秒执行一次 startId = (function () { //处理按是否可以使用的效果 startBtn.prop("disabled",true); stopBtn.prop("disabled",false); //1.2通过Math的方法生成随机角标 0-6,并且取小,如0.01-0.99都取0 index = Math. (Math. () * 7); //1.3将imgs数组的随机数下标值赋给框的src属性 smallImg.prop("src", ); },20); }); //2. 给结束按绑定单击事件 stopBtn.click(function () { //处理按是否可以使用的效果 startBtn.prop("disabled",false); stopBtn.prop("disabled",true); // 2.1 停止定时器 (startId); // 2.2 给大相框设置src属性并隐藏 bigImg.prop("src", ). (); //2.3 1秒钟的运行时间显示 bigImg. (1000); }); }); 【问题】 根据注释,补全代码,在(1)至(12)处填入正确的内容。 2-试题三.zip