2020年6月5日
案例：京东倒计时效果
摘要： 倒计时 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum 阅读全文
posted @ 2020-06-05 14:18 qiuqiu95 阅读(381) 评论(0) 推荐(0) 编辑
案例：模拟京东快递单号查询
摘要： //要求 当我们在文本框中输入内容时 文本框上面自动显示大字号内容 // 1.快递单号输入内容 大字号盒子就会显示出来 （这里面的字号更大） // 2.表单检测用户输入 给表单添加键盘事件 // 3.同时 把快递单号里面的值value 获取过来 赋值给con盒子 innertext 作为内容 // 阅读全文
posted @ 2020-06-05 10:37 qiuqiu95 阅读(565) 评论(0) 推荐(0) 编辑
2020年6月4日
案例：动态生成表格
摘要： // 案例分析： //1.里面的学生数据都是动态的，我们需要js动态生成 这里我们模拟数据 自己定义好的数据 数据我们采取对象形式存储 //2.所有数据都是放到tbody里面的的行里面 //3.因为里面的行很多 我们需要循环来创建行（对应多少人） <!DOCTYPE html> <html lang 阅读全文
posted @ 2020-06-04 11:09 qiuqiu95 阅读(539) 评论(0) 推荐(0) 编辑
2020年6月2日
案例：简单留言板发言
摘要： 简单留言板发言 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D 阅读全文
posted @ 2020-06-02 15:34 qiuqiu95 阅读(169) 评论(0) 推荐(0) 编辑
案例：新浪下拉菜单
摘要： /* 案例分析 1.导航栏里面li都要有鼠标经过 所以循环注册鼠标事件 2.核心原理 当鼠标经过li里面的第二个孩子ul显示 当鼠标离开 ul隐藏 */ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name 阅读全文
posted @ 2020-06-02 14:54 qiuqiu95 阅读(386) 评论(0) 推荐(0) 编辑
案例：新浪下拉菜单
摘要： /* 案例分析 1.导航栏里面li都要有鼠标经过 所以循环注册鼠标事件 2.核心原理 当鼠标经过li里面的第二个孩子ul显示 当鼠标离开 ul隐藏 */ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name 阅读全文
posted @ 2020-06-02 14:53 qiuqiu95 阅读(648) 评论(0) 推荐(0) 编辑
案例：tab栏切换案例
摘要： 切换tab栏并且 显示出tab栏的内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. 阅读全文
posted @ 2020-06-02 11:11 qiuqiu95 阅读(633) 评论(0) 推荐(0) 编辑
2020年6月1日
案例：表单全选和取消全选
摘要： 全选和取消全选 全选之后下面的被全部选中 下面的全部选中 上面才被选中 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=devi 阅读全文
posted @ 2020-06-01 18:31 qiuqiu95 阅读(376) 评论(1) 推荐(0) 编辑
案例 :表格隔行变色效果
摘要： 当鼠标落在表格某一行行，某一行变粉色 当离开恢复原色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s 阅读全文
posted @ 2020-06-01 16:47 qiuqiu95 阅读(269) 评论(0) 推荐(0) 编辑
案例：百度换肤
摘要： 实现功能 点击图片改变背景<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti 阅读全文
posted @ 2020-06-01 15:57 qiuqiu95 阅读(273) 评论(0) 推荐(0) 编辑