09 2020 档案

摘要:逻辑: 0、window.onscorll 事件 1、当滚动条滚动距离>200时,显示回到顶部,否则不显示 2、点击回到顶部,滚动条距离为0 <style type="text/css"> body { height: 1500px; } div { position: fixed; right: 阅读全文
posted @ 2020-09-09 19:47 云里知音 阅读(670) 评论(0) 推荐(0)
摘要:实现逻辑: 1、生成验证码 总共6位数 范围:0-9 a-f 随机生成 从0-9 、 a-f获取随机下标 2、 页面加载时,生成一次 点击看不清换一张时,生成一次 将生成的验证码与输入的验证码进行验证比对 <style type="text/css"> .code { height: 50px; } 阅读全文
posted @ 2020-09-09 14:15 云里知音 阅读(781) 评论(0) 推荐(0)
摘要:选项卡实现逻辑: 1、事件:onmouseover onmouseout 2、鼠标移入: 移动到哪个选项卡,哪个的背景颜色变成红色 鼠标移出: 移出哪个选项卡,哪个的背景变白色 3、鼠标点击选项卡 1) 设置点击的选项卡的索引 2) 鼠标移入时,先让所有的图片隐藏,再让对应的图片显示 3) 鼠标移出 阅读全文
posted @ 2020-09-09 13:25 云里知音 阅读(472) 评论(0) 推荐(0)