zhanjiejiaoxiangni-优快云博客

原创 js事件中级

1、js默认行为，通过return false取消，比如屏蔽菜单右键菜单<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>默认行为</title> <style> </style&am

2018-11-04 15:19:46 187

原创 js事件基础

1、event对象：用来获取事件的详细信息：鼠标位置，键盘位置知识点：event.clienX:事件属性返回当事件被触发时鼠标指针向对于当前浏览器页面（客户区）的水平坐标。event.clientY:事件属性返回当事件被触发时鼠标指针向对于当前浏览器页面（客户区）的垂直坐标。event对象的兼容性获取方式：&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;hea...

2018-10-30 23:25:11 158

原创 js运动应用：多物体运动框架（上）

多物体运动框架原理：1、所有属性不可公用2、属性与运动对象绑定：速度，透明度等其他属性值案例一：多个div变宽：<!DOCTYPE HTML><html><head> <meta charset="utf-8" /> <title></title> <style>

2018-10-29 21:59:55 345

原创 js基础运动-缓冲运动

js缓冲运动的原理：距离终点越近，速度越慢 <!DOCTYPE HTML><html><head> <meta charset="utf-8" /> <title></title> <style> #div1{ width:100px; height:100p

2018-10-18 22:54:41 226

原创 js之运动基础

1、js运动基础–让div匀速右移注意点：1、在开始一个定时器时，一定要先关闭其他定时器，防止多个定时器同步执行，加速运动。2、把停止定时器和运动分开,使用（if/else）隔开，不分开在达到停止条件后，再次执行还会发生一次位移&amp;lt;!DOCTYPE HTML&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;me

2018-10-16 22:57:58 256

原创 js中DOM操作之排序

1、appendChild(),将ul的第一个子元素添加到末尾，<!DOCTYPE HTML><html><head> <meta charset="utf-8" /> <title></title> <style> #ul1{ background:green; }

2018-10-15 22:21:51 3193

原创 js表格中的DOM操作之模糊搜索

功能实现：实现表格搜索功能功能点：1、字符串转小写 toLowerCase()2、字符串分割 split()3、seartch():用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。语法：stringObject.search(regexp) ，返回值为stringObject中第一个与regexp匹配的子串位置，如果没有找到可匹配的字串，则返回-1。<!DOCT...

2018-10-14 20:43:11 1035

原创 js表格中的DOM操作之隔行变色，鼠标进入当前行高亮

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> </style> <script> /**

2018-10-14 19:46:01 598

原创 js表格中的DOM操作之添加、删除行

功能实现：1、实现表格添加一行 2、实现表格删除当前行步骤：1、根据表格id获取当前表格 2、获取表格中的tBody(Bodies[0]) 3、为添加按钮增加click事件，为tBody创建子节点添加 4、为当前行的a元素增加click事件，删除本行注意点：1、添加一行时，生成序号的获取 2、删除时，获取a元素，添加事件

2018-10-14 19:37:29 7802