jane_panyiyun

2019年12月12日

摘要：之前学的定时器：setInterval和清除定时器 clearInterval(定时器id); //常用的,反复的执行 window.setInterval(function () { alert("哈哈"); }, 1000); window.clearInterval(定时器id);//清理定时阅读全文

posted @ 2019-12-12 13:04 jane_panyiyun 阅读(365) 评论(0) 推荐(0) 编辑

JS---part5 课程介绍 & part4 复习

摘要： part5 课程介绍另一个定时器第一个定时器的小案例练习封装动画函数匀速的动画函数,过渡到 >缓动的动画函数简单的轮播图左右焦点的轮播图无缝连接的轮播图轮播图重点三大系列中的第一个系列:offset系列重点封装缓动动画函数筋斗云,固定导航栏升级4到5个版本手风琴旋转阅读全文

posted @ 2019-12-12 11:38 jane_panyiyun 阅读(222) 评论(0) 推荐(0) 编辑

JS---案例：美女时钟

摘要：案例：美女时钟思路：打开页面就有图片按每秒1张的顺序轮换，用到了日期对象，获取小时和秒。封装到一个命名函数后，为了使页面打卡就有图片的轮换，先调用下f1，再设置setInterval <!DOCTYPE html> <html lang="en"> <head> <meta charset=" 阅读全文

posted @ 2019-12-12 10:47 jane_panyiyun 阅读(422) 评论(0) 推荐(0) 编辑

2019年12月11日

JS---案例：点击按钮摇起来 & 星星闪动（挺难看的）

摘要：案例1：点击按钮摇起来思路： 1. 2张图片，放进div里面，摇起来的本质是，此div按上下左右的位置和在一定的时间内发生移动 2. 所以用随机数的概念来实现位置的移动，用setInterval来实现一定的时间区间，前者封装在后者的处理函数里面。最后全部作为点击按钮的点击事件的处理函数 <!DO 阅读全文

posted @ 2019-12-11 23:22 jane_panyiyun 阅读(613) 评论(4) 推荐(0) 编辑

JS---BOM---定时器

摘要：定时器参数1:函数参数2:时间毫秒 1000毫秒--1秒执行过程: 页面加载完毕后, 过了1秒, 执行一次函数的代码, 又过了1秒再执行函数..... 返回值就是定时器的id值 var timeId = setInterval(function () { alert("hello"); }, 阅读全文

posted @ 2019-12-11 20:27 jane_panyiyun 阅读(245) 评论(0) 推荐(0) 编辑

JS---BOM基本知识 (顶级对象，系统对话框，加载事件，location对象, history对象, navigator对象)

摘要： BOM JavaScript分三个部分: 1. ECMAScript标准基本语法 2. DOM >Document Object Model 文档对象模型,操作页面元素的 3. BOM >Browser Object Model 浏览器对象模型, 操作浏览器的浏览器中有个顶级对象 :windo 阅读全文

posted @ 2019-12-11 14:32 jane_panyiyun 阅读(591) 评论(0) 推荐(0) 编辑

JS---涉及到的common.js

摘要： //格式化日期的代码 //获取指定标签对象 //获取元素的文本内容 //获取元素的文本内容 //获取父级元素中的第一个子元素 //获取父级元素中的最后一个子元素 //获取某个元素的前一个兄弟元素 //获取某个元素的后一个兄弟元素 //获取某个元素的所有兄弟元素 //返回当前浏览器是什么类型的浏览器阅读全文

posted @ 2019-12-11 12:48 jane_panyiyun 阅读(324) 评论(0) 推荐(0) 编辑

JS---DOM---案例：模拟百度搜索框

摘要：模拟百度搜索框我的思路整理： 1. 注册文本框抬起事件(onkeyup) 2. 处理函数： >创建临时数组，循环遍历文本框键入的文字内容和keywords数组，用keyWords[i].indexOf(text) == 0 来判断，true就追加进临时数组tempArr.push(keyWords 阅读全文

posted @ 2019-12-11 12:41 jane_panyiyun 阅读(492) 评论(0) 推荐(0) 编辑

JS---DOM---为同一个元素绑定多个不同事件指向同一个事件处理函数

摘要：为同一个元素绑定多个不同事件指向同一个事件处理函数 1. 用了switch(e.type){} 来修改 2. break <input type="button" value="小苏" id="btn" /> <script src="common.js"></script> <script> // 阅读全文

posted @ 2019-12-11 09:53 jane_panyiyun 阅读(674) 评论(0) 推荐(0) 编辑

JS---DOM---事件冒泡和阻止事件冒泡，总结事件

摘要：事件冒泡: 多个元素嵌套, 有层次关系 ,这些元素都注册了相同的事件, 如果里面的元素的事件触发了, 外面的元素的该事件自动的触发了事件有三个阶段: 1.事件捕获阶段 :从外向内 2.事件目标阶段 :最开始选择的那个 3.事件冒泡阶段 : 从里向外为元素绑定事件 addEventListener 阅读全文

posted @ 2019-12-11 09:10 jane_panyiyun 阅读(498) 评论(0) 推荐(0) 编辑

每临大事有静气，不信今时无古贤

公告