摘要: 原生js 使用for循环和排他思想实现轮播图 轮播、切换功能。 这里排他思想指的是排除其他,保留自己,方法就是最开始将所有的项包括选中项都设置为默认样式,再遍历数组给相应的选中项设置自己的样式 具体代码和注释如下: <!DOCTYPE html> <html lang="en"> <head> <m 阅读全文
posted @ 2021-03-03 23:01 小白可别不举铁 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 原生Js实现画廊功能,点击图片,在下方出现相应放大图片。给a标签绑定onclick点击事件。这里上方的小图和下方将要展示大图,都是同一张图片,只是上下两个img的style中设置了不同的width和heigth。(如果不想设置width、height,另一种方法就是将a标签里src的图片存成大图,i 阅读全文
posted @ 2021-03-03 22:51 小白可别不举铁 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 通过事件对象属性e.clientX / e.clientY(鼠标距离浏览器窗口左上角的距离),实现图片随鼠标一起移动的功能~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C 阅读全文
posted @ 2021-03-03 22:43 小白可别不举铁 阅读(832) 评论(0) 推荐(0) 编辑
摘要: DOM事件流 事件流的三个阶段 ①事件捕获 ②时间执行过程 ③事件冒泡 addEventListener(事件类型,事件函数,布尔值)第三个参数为false时,事件冒泡;为true时,事件捕获。 onclick 类型,只能进行事件冒泡过程,没有捕获阶段 attachEvent(事件类型,事件函数,布 阅读全文
posted @ 2021-03-03 22:29 小白可别不举铁 阅读(69) 评论(0) 推荐(0) 编辑
摘要: DOM —— 文档对象模型 文档对象模型(document object model),一套操作页面元素的API。DOM可以把HTML看作是文档树,通过DOM提供的API可以对树上的节点进行操作。 DOM树 文档:一个网页可以称为文档 节点:网页中的所有内容都是节点(标签、属性、文本、注释等) 元素 阅读全文
posted @ 2021-03-03 20:01 小白可别不举铁 阅读(247) 评论(0) 推荐(0) 编辑
摘要: API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某种软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 任何开发语言都有自己的API API的特征输入和输出 阅读全文
posted @ 2021-03-03 17:25 小白可别不举铁 阅读(516) 评论(0) 推荐(0) 编辑