51Dev开发社区
登录 注册
为你推荐

类样式的操作
　　*通过style属性来修改元素的样式，每修改一个样式，浏览器就需要重新渲染一次页面*这样子的执行的性能是比较差的，而且这种形式当我们修改样多个样式时，也不太方便。*希望一行代码就可以修改多个样式*我们可以通过修改class的属性来间接的修改样式*box.className="b2";*这样一来，我们只需要修改一次，...
代码星球·2020-07-24

二级菜单实现
今天来根据之前写的move函数写一个二级菜单<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>二级菜单</title><styletype="text/css">*{margin...
代码星球·2020-07-24

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

定时器应用-最终版
根据上一个实例，做到灵活应用和代码复用，把参数大部分改为形参形式传进来。代码如下：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/c...
代码星球·2020-07-24

通过js读取元素的样式
/**通过元素.style.样式只能获取到内联样式的值，就是style写在元素里面的值，不能获取嵌入式和外联样式的值*所以如果要获取除内联样式后的值，就不能通过这个获取*alert(box1.style.height)*还有其他的形式，比如获取元素当前显示的样式，就是不管是外联还是嵌入式还是内联，谁显示就是获取谁的样式...
代码星球·2020-07-24

定时器应用-点击按钮，div向右移动
需求是点击button，div就一直往右移动，给个条件left=800px就停止移动，通过定时器来控制。代码如下：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><s...
代码星球·2020-07-24

延时调用
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>延时调用</title></head><scripttype="text/javascript">/**setTim...
代码星球·2020-07-24

定时器应用-切换图片的练习
需求：根据一定的时间切换图片，类似轮播类操作。<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scripttype="text/javascript">//使...
代码星球·2020-07-24

BOM对象属性定时器的调用
使count中的内容，自动切换<body><h1id="count"></h1></body>//获取countvarcount=document.getElementById("count");/**使count中的内容，自动切换*JS的程序的执行速度是非常快的*for...
代码星球·2020-07-24

键盘移动
/**使div可以根据不同的方向键向不同的方向移动*按左键，div向左移*按右键，div向右移*37左*38右*39上*40下<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title>...
代码星球·2020-07-24

BOM浏览器对象模型
/**BOM*浏览器对象模型，DOM是网页对象模型，就是document*BOM可以使我们通过JS来操作浏览器*在BOM中为我们提供了一组对象，用来完成对浏览器的操作*BOM对象*Window*代表整个浏览器的窗口，同时window也是网页中的全局对象**属性：*Navigator*代表的当前浏览器的信息，通过该对象可...
代码星球·2020-07-24

键盘事件
这个来讲一下键盘事件，按键事件*键盘事件：*onkeydown--按键被按下*对于onkeydown来说如果一直按着某个按键不松手，则事件会一直触发*当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一点，其他都比较快**onkeyup--按键被松开**键盘事件一般都会绑定给一些可以获取焦点的对象或者doc...
代码星球·2020-07-24

鼠标滚轮的事件
这段时间的都是讲事件的，所以今天再来讲一个鼠标滚轮的事件。要实现的功能是：*当鼠标滚轮向下滚动时，box1变长*当鼠标滚轮向上滚动时，box1变短废话少说，代码奉上：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><ti...
代码星球·2020-07-24

事件的拖拽一
/**拖拽的流程*1、当鼠标在被拖拽元素上按下时，开始拖拽onmousedown*2、当鼠标移动时被拖拽元素跟随鼠标移动onmousemove*3、当鼠标松开时，被拖拽函数固定在当前位置onmouseup*/具体实现流程：　　　　　　　　　　//获取box1box1=document.getElementById("b...
代码星球·2020-07-24

事件的传播
首先设置三个具有祖先后代关系的div，也类似事件冒泡的设置。如下图所示先来个响应函数，相当于回顾上一节课的内容：//响应函数functionbind(obj,evenstr,callback){if(obj.addEventListener){obj.addEventListener(evenstr,callback,...
代码星球·2020-07-24
首页上一页...54255426542754285429...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他