彩票投注站助手页面设计（仅web前端页面）.zip

共6个文件

html：2个

css：1个

gif：1个

web开发

需积分: 0 5 下载量 196 浏览量 2022-11-12 16:43:01 上传评论收藏 33KB ZIP 举报

温馨提示

编程实现江苏福彩投注站彩票投注助手，更多页面布局效果图以及功能实现效果图可参考文章http://t.csdn.cn/aiJlK；项目简要：福利彩票号码由7个号码，外加一个特别号，共8个号码（不能重号）组成，号码范围为01-30的任意一个整数。如果号码为个位数，则在号码前加“0”，显示为：“0”+数字，如：03、07。功能要求如下：（1）界面上设置5个按钮、一个列表框；（2）单击“机选1注”按钮，调用 selectNumber(1)，将 1/5/10注的号码形成字符串添加到列表框中,并将每次产生的第 1行号码作为预选项，高亮度显示，编写通用的产生n注号码 selectNumber(n)函数。（5）单击“删除”、“全部删除”按钮，将列表框中选中的列表项删除,如果列表框无列表项可删,则用警告消息框提示出错信息。

资源推荐

资源详情

资源评论

收起资源包目录

彩票投注助手（仅web前端页面）.zip （6个子文件）

彩票投注助手（仅web前端页面）

css

index.css 582B

img

fc_logo.jpg 35KB

ico_7l.gif 3KB

index.html 1KB

index.js 2KB

new_file.html 2KB

共 6 条

<!DOCTYPE html> <html lang='zh'> <head> <meta charset="utf-8"> <title>实现简易弹窗</title> <style> .box-modal{ display: flex; justify-content: center; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } </style> <script type="text/javascript"> let Box = {}; Box.close = () =>{ let body = document.body; let modal = body.querySelectorAll(".box-modal"); modal.forEach((dom) => { dom.parentNode.removeChild(dom); }) }; Box.show = (boxhtml) => { Box.close; let Dom = document.createElement('div'); Dom.classList.add('box-modal'); Dom.innerHTML = boxhtml; document.body.append(Dom); }; function showcustom(){ let innerhtml = `<div style="background-color:#eee;width:400px;height:140px;border:1px solid #666;align-self:center;padding:15px"> <h3>弹出层标题</h3> <p>弹出框内容</p> <div style="text-align:center"><button onclick="Box.close()">取消</button><button onclick="Box.close()">确定</button></div> </div>`; Box.show(innerhtml); } </script> </head> <body> <h1>点击弹出窗口</h1> <button onclick="showcustom()">弹窗</button> </body> </html>

评论收藏

内容反馈

资源评论