2017年1月16日

根据ClassName获取元素节点

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

posted @ 2017-01-16 13:38 sillypasserby 阅读(1034) 评论(0) 推荐(0)

点击隐藏页面元素节点

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

posted @ 2017-01-16 11:57 sillypasserby 阅读(232) 评论(0) 推荐(0)

无缝滚动

摘要: 功能描述: 常见的图片轮播效果,包括改变图片播放滚动的方向,鼠标移入时停止播放。 实现效果: 基础知识: 物体移动基础: 利用offsetLeft和定时器让物体连续移动 复制ul里的li元素: innerHtml和+=,并且修改ul的width属性,使增加后的li位于同一行。 滚动过界: 滚动过界的 阅读全文

posted @ 2017-01-16 11:37 sillypasserby 阅读(126) 评论(0) 推荐(0)

延时提示框

摘要: 功能描述: 网页上常见的悬停后显示详情信息的提示框,鼠标移入详情提示框后提示框不会消失。 实现效果: 编码思路: 示例代码: 简化后的代码结构: 阅读全文

posted @ 2017-01-16 10:56 sillypasserby 阅读(109) 评论(0) 推荐(0)

数码时钟

摘要: 功能描述: 获取系统当前时间,通过不断替换图片的形式实现在网页上展示时间。 完成效果: 基础知识: 获取系统时间 通过Date对象的getHours、getMinutes、getSeconds方法 显示系统时间 获取到系统时间后需将系统时间转换为字符串,以及空位补零 设置图片路径 遍历系统时间字符串 阅读全文

posted @ 2017-01-16 10:30 sillypasserby 阅读(267) 评论(0) 推荐(0)

导航