摘要：
案例14：全选，反选全选和取消全选做法： 让下面所有复选框的checked属性（选中状态） 跟随 全选按钮即可下面复选框需要全部选中， 上面全选才能选中做法： 给下面所有复选框绑定点击事件，每次点击，都要循环查看下面所有的复选框是否有没选中的，如果有一个没选中的， 上面全选就不选中。可以设置一个变量 阅读全文
posted @ 2023-04-23 17:51
权衡
阅读(11)
评论(0)
推荐(0)
摘要：
案例11：排他思想：点击按钮切换背景颜色：排除其他元素，仅给一个元素添加样式首先将所有元素样式清空，再设置单个元素 <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> < 阅读全文
posted @ 2023-04-23 17:50
权衡
阅读(13)
评论(0)
推荐(0)
摘要：
案例13：表格隔行变色效果用到新的鼠标事件 鼠标经过 onmouseover 鼠标离开 onmouseout核心思路：鼠标经过 tr 行，当前的行变背景颜色， 鼠标离开去掉当前的背景颜色注意： 第一行（thead里面的行）不需要变换颜色，因此我们获取的是 tbody 里面的行<head> <styl 阅读全文
posted @ 2023-04-23 17:50
权衡
阅读(15)
评论(0)
推荐(0)
摘要：
案例12：百度换肤效果：点击图片将背景切换与图片相同<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA- 阅读全文
posted @ 2023-04-23 17:50
权衡
阅读(14)
评论(0)
推荐(0)
摘要：
案例8：循环精灵图<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" conte 阅读全文
posted @ 2023-04-23 17:49
权衡
阅读(13)
评论(0)
推荐(0)
摘要：
案例9：显示隐藏文本框<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con 阅读全文
posted @ 2023-04-23 17:49
权衡
阅读(17)
评论(0)
推荐(0)
摘要：
案例10：仿新浪，注册登录界面<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" 阅读全文
posted @ 2023-04-23 17:49
权衡
阅读(12)
评论(0)
推荐(0)
浙公网安备 33010602011771号