你若精彩，蝴蝶自来

2018年7月23日

摘要：先上图，效果大概就是这样子：实现的功能： 1.鼠标经过第几个正方形，就要展示第几张图片，并且正方形的颜色也发生变化 2.图片自动轮播，（这需要一个定时器） 3.鼠标经过图片，图片停止自动播放（这需要清除定时器） 4.鼠标离开图片，图片继续自动轮播（重新开始定时器）二话不说就上代码：阅读全文

posted @ 2018-07-23 17:24 你若精彩，蝴蝶自来阅读(514) 评论(0) 推荐(0) 编辑

定时器应用-最终版

摘要：根据上一个实例，做到灵活应用和代码复用，把参数大部分改为形参形式传进来。代码如下：这里的js是一个内部的js，做到多人应用，需要提取到外部js 新建一个tools.js 应用的时候只要引入就可以了 <script type="text/javascript" src="../js/tools.j 阅读全文

posted @ 2018-07-23 10:08 你若精彩，蝴蝶自来阅读(236) 评论(0) 推荐(0) 编辑

2018年7月20日

定时器应用-点击按钮，div向右移动

摘要：需求是点击button，div就一直往右移动，给个条件left=800px就停止移动，通过定时器来控制。代码如下：希望可以坚持学习新的，这也是作为一个复习，到时候要回顾一看便知，多谢支持！阅读全文

posted @ 2018-07-20 15:12 你若精彩，蝴蝶自来阅读(1522) 评论(0) 推荐(0) 编辑

通过js读取元素的样式

摘要： /* * 通过元素.style.样式只能获取到内联样式的值，就是style写在元素里面的值，不能获取嵌入式和外联样式的值 * 所以如果要获取除内联样式后的值，就不能通过这个获取 * alert(box1.style.height) * 还有其他的形式，比如获取元素当前显示的样式，就是不管是外联还是嵌阅读全文

posted @ 2018-07-20 14:53 你若精彩，蝴蝶自来阅读(3549) 评论(0) 推荐(0) 编辑

延时调用

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>延时调用</title> </head> <script type="text/javascript"> /* * setTimeout 延时调用 * 延时调用一个函数不马上执行，而阅读全文

posted @ 2018-07-20 11:29 你若精彩，蝴蝶自来阅读(165) 评论(0) 推荐(0) 编辑

定时器应用-切换图片的练习

摘要：需求：根据一定的时间切换图片，类似轮播类操作。阅读全文

posted @ 2018-07-20 10:42 你若精彩，蝴蝶自来阅读(439) 评论(0) 推荐(0) 编辑

2018年7月19日

BOM对象属性定时器的调用

摘要：使count中的内容，自动切换阅读全文

posted @ 2018-07-19 17:00 你若精彩，蝴蝶自来阅读(223) 评论(0) 推荐(0) 编辑

BOM浏览器对象模型

摘要： /* * BOM * 浏览器对象模型，DOM是网页对象模型，就是document * BOM可以使我们通过JS来操作浏览器 * 在BOM中为我们提供了一组对象，用来完成对浏览器的操作 * BOM对象 * Window * 代表整个浏览器的窗口，同时window也是网页中的全局对象 * * 属性： * 阅读全文

posted @ 2018-07-19 15:57 你若精彩，蝴蝶自来阅读(176) 评论(0) 推荐(0) 编辑

2018年7月18日

键盘移动

摘要： /* * 使div可以根据不同的方向键向不同的方向移动 * 按左键，div向左移 * 按右键，div向右移 * 37 左 * 38 右 * 39 上 * 40 下修改版，升级版由于使用按键不仅要向右移动还要控制速度，会出现卡顿的情况。所以可以使用定时器来控制速度，按键是控制方向。如下是修改后的阅读全文

posted @ 2018-07-18 18:28 你若精彩，蝴蝶自来阅读(235) 评论(0) 推荐(0) 编辑

键盘事件

摘要：这个来讲一下键盘事件，按键事件 * 键盘事件： * onkeydown --按键被按下 * 对于onkeydown来说如果一直按着某个按键不松手，则事件会一直触发 * 当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一点，其他都比较快 * * onkeyup -- 按键被松开 * * 阅读全文

posted @ 2018-07-18 18:04 你若精彩，蝴蝶自来阅读(224) 评论(0) 推荐(0) 编辑

你若精彩，蝴蝶自来

公告