最近发现看惯了轻信息,听惯了轻音乐,在如今这个轻信息的时代再回去沉下来看一本书好难,什么一天入门mvc框架,三天学会php,5分钟看完一部电影,30天学会吉他,都是在营销轻信息。学会一门技能,并且深入哪有那么容易,本末倒置,要学会过滤信息。社会的舆论能把黑的描成白的
javascript实现表格各行换色


思路:
1)通过DOM事件把行 tr 标签全部获取到 返回一个数组 并且获得数组的长度
2)隔行换色就是把奇数行和偶数行以不同的颜色分离开来,就用到 for 循环每一行,加上对2取余,因为循环是从零开始的,数组的下标也是从零开始的,所以对2取余等于0就属于奇数行
3)对于奇数行和偶数行分别进行样式background颜色不同的处理 就可以得到隔行变色的效果
4)再绑定一个鼠标放上去和移出来的事件 就可以得到动态的选中时的效果
全选 反选 取消


思路:
全选 反选 取消都是一个普通按钮 表格的第一列是一个复选框
我们可以通过DOM事件一一获得 全选 反选 取消 和复选框的对象
如何让复选框选中呢 就是往复选框里面加上 checked 属性
思路理清了,那么接下来的步骤就简单多了
首先是给 全选按钮 对象绑定上一个单击事件 单击以后用 for 循环给每一个复选框加上checked属性
接着是给 取消按钮 对象绑定上一个单击事件 单击以后用 for 循环给每一个复选框去除cheked属性
最后是给 反选按钮 对象绑定上一个单击事件 单击以后用 for 循环给每一个复选框加上相反的属性值,应为checked的属性值是 true或者false 所以给它赋值的时候可以加个! 也就是取反
星星评分


星星评分共分为 5分 半个星星为0.5分
图片共有4张 分别为灰色的星星左半边和右半边 金色的星星左半边和右半边 如图示为3.5分
思路:
整个星星评分分为 0.5分~5分 共10种情况 分别为每种情况绑定一个鼠标放上去的事件 每一种情况都会把前面的情况覆盖
1)通过DOM事件获得到img标签的集合 返回数组 并且取得其长度
2)for循环给每一种情况绑定上 onmouseover 鼠标经过事件 记录下每张图片的下标用于区分鼠标停在的位置是那一张图片
3)左半边用个 for 循环给换上金色的星星
4)右半边用个 for 循环给换上灰色的星星
难点一 在于区分左半边和右半边 要想到用index下标来记录下鼠标悬停的位置
难点二 用取模的方式区分星星的左半边和右半边
今天就到这了~ 唉,那天我都TMD说了些什么话啊 傻傻分不清状况 幼稚可笑!
javascript实现表格各行换色


思路:
1)通过DOM事件把行 tr 标签全部获取到 返回一个数组 并且获得数组的长度
2)隔行换色就是把奇数行和偶数行以不同的颜色分离开来,就用到 for 循环每一行,加上对2取余,因为循环是从零开始的,数组的下标也是从零开始的,所以对2取余等于0就属于奇数行
3)对于奇数行和偶数行分别进行样式background颜色不同的处理 就可以得到隔行变色的效果
4)再绑定一个鼠标放上去和移出来的事件 就可以得到动态的选中时的效果
全选 反选 取消


思路:
全选 反选 取消都是一个普通按钮 表格的第一列是一个复选框
我们可以通过DOM事件一一获得 全选 反选 取消 和复选框的对象
如何让复选框选中呢 就是往复选框里面加上 checked 属性
思路理清了,那么接下来的步骤就简单多了
首先是给 全选按钮 对象绑定上一个单击事件 单击以后用 for 循环给每一个复选框加上checked属性
接着是给 取消按钮 对象绑定上一个单击事件 单击以后用 for 循环给每一个复选框去除cheked属性
最后是给 反选按钮 对象绑定上一个单击事件 单击以后用 for 循环给每一个复选框加上相反的属性值,应为checked的属性值是 true或者false 所以给它赋值的时候可以加个! 也就是取反
星星评分


星星评分共分为 5分 半个星星为0.5分
图片共有4张 分别为灰色的星星左半边和右半边 金色的星星左半边和右半边 如图示为3.5分
思路:
整个星星评分分为 0.5分~5分 共10种情况 分别为每种情况绑定一个鼠标放上去的事件 每一种情况都会把前面的情况覆盖
1)通过DOM事件获得到img标签的集合 返回数组 并且取得其长度
2)for循环给每一种情况绑定上 onmouseover 鼠标经过事件 记录下每张图片的下标用于区分鼠标停在的位置是那一张图片
3)左半边用个 for 循环给换上金色的星星
4)右半边用个 for 循环给换上灰色的星星
难点一 在于区分左半边和右半边 要想到用index下标来记录下鼠标悬停的位置
难点二 用取模的方式区分星星的左半边和右半边
今天就到这了~ 唉,那天我都TMD说了些什么话啊 傻傻分不清状况 幼稚可笑!
