sillypasserby

摘要： 功能描述： 物体离目标点越近，速度越慢。 实现效果： 编码思路： 根据当前左边距与目标位置，得出边距每次改变的数值，并除以一个数。 判断每次改变的数值是否大于0，若大于0，则上取整。否则下取整。 示例代码： 阅读全文

摘要： 功能描述： 根据鼠标移入和移出修改div的透明度。 实现效果： 编码思路： 根据目标透明度和当前透明度，设置每次变化数值。 开启定时器，如果当前透明度与目标透明度相同，则关闭定时器。否则，不断修改当前透明度的数值。 示例代码： 阅读全文

摘要： 功能描述： 鼠标移入“分享到”标签，详情框从浏览器边缘出现。 实现效果： 编码思路： 设置“详情框”的left属性值为-width，隐藏详情框。 开启定时器，如果“详情框”的offsetLeft到达目标位置，则停止定时器，否则，不断修改left属性值。 绑定"分享到"的鼠标移入移出事件。 示例代码： 阅读全文

摘要： 功能描述： 利用sort()和appendChild()实现表格递增和递减排序 实现效果： 编码思路： 将表格中的每一行都加入到数组中。 编写递增排序和递减排序的函数，作为参数传入sort()中。 调用数组的sort()函数。 遍历已排好序的数组，调用appendChild()方法。 示例代码： 阅读全文

摘要： 功能描述： 对表格的内容实现了模糊搜索，多关键字搜索，以及不区分大小写搜索。 实现效果： 基础知识： toLowerCase() split() search() 编码思路： 获取文本框中的信息，并转换为小写字符串。 将信息以空格断开，并存入数组中。 遍历信息数组，将表格中的信息转换为小写字符串后进 阅读全文

摘要： 功能描述： 在文本框中输入信息点击确定后添加到表格中，点击删除，则删除表格中的一行。 实现效果： 编码思路： 创建<tr>和<td>元素。 将ID，文本框中的信息和<a>标签添加到<td>中，再把<td>插入到<tr>中。 设置<a>标签的鼠标点击删除事件。 将<tr>插入到表格中。 示例代码： 阅读全文

摘要： 功能描述： 实现表格奇数行和偶数行背景颜色不一样，以及鼠标移入时，移入行高亮显示。 实现效果： 编码思路： 遍历表格行，如行号为为奇数，设置背景颜色为灰色，行号为偶数，设置背景颜色为空。 设置表格每行的鼠标移入和移出事件。 鼠标移入时，保存当前背景颜色并设置背景颜色为绿色。 鼠标移出时，还原保存的背 阅读全文

摘要： 功能描述： 创建li并倒序插入到ul中，同时提供删除的功能 实现功能： 基础知识： Dom操作： createElement(); insertBefore(); appendChild(); removeChild(); 编码思路： 创建li元素节点，将文本框的内容以及<a>标签加入到li元素中 阅读全文

摘要： 功能描述： 通过ClassName获取元素节点，并解决兼容性问题 实现效果： 编码思路： 利用getElementsByTagName选出所有元素，再根据ClassName条件进行筛选 代码示例： 阅读全文

摘要： 功能描述： 点击<a>标签，通过parentNode实现隐藏父级元素节点 实现效果： 编码思路： 通过getElementsByTagName获取所有a标签，设置每个a标签的点击事件 示例代码： 阅读全文