摘要：
tab栏切换制作 ==案例分析== 1.Tab栏切换有2个大的模块 2.上的模块选项卡,点击某一个, 当前这一个底色会是红色 ,其余不变(排他思想)修改类名的方式 3.下面的模块内容,会跟随上面的选项卡变化。所以下面模块变化写到点击事件里面。 4.规律:下面的模块显示内容和上面的选项卡一 对应,相匹 阅读全文
摘要：
案列：表单全选和取消全选 style： body： script： 结果：勾选表头行的全选按钮时，下列所有选择框都被勾选，取消全选按钮时，下列所有选择框都取消勾选，当表格中的所有勾选框都被勾选时，表头中的全选框被选中，反之，则不被选中 阅读全文
摘要：
表格隔行变色效果 style： body： script： 结果：当鼠标经过到第二行时，改行颜色变为粉色，鼠标离开恢复透明色（标题不变色，固定背景颜色为天蓝色） 阅读全文
摘要：
案例：百度换肤 点击背景图，页面背景切换成改背景图 style： body： script： 结果：点击四张图中的某张图，页面背景颜色切换成改背景图，默认背景图为第一张 阅读全文
摘要：
案例：排他思想 首先排除他人，然后才设置自己的样式，这种排除他人的思想称为排他思想 ==结果：==随机点击某个按钮，按钮背景颜色改变，其他按钮不变，又点击另一个按钮之后，该按钮背景颜色变粉色，之前的变色按钮颜色为空 阅读全文
摘要：
自定义属性[获取(getAttribute)、设置(setAttribute)、移除(removeAttribute)] 自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据中。 ==注意：==有些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性，H5给我 阅读全文
摘要：
案例：显示隐藏密码[onclick] 案例分析: 核心思路:点击眼睛按钮,把密码框类型改为文本框就可以看见里面的密码,一个按钮两个状态,依次，切换为文本框,继续点击-次切换为密码框 算法:利用一个flag变量,来判断flag的值,如果是1就切换为文本框, flag设置为0 ,如果是0就切换为密码框, 阅读全文