07 2018 档案

变速运动实例（二）
摘要：变速运动实例（二） （1）右下角区块初始位置处于右下角。当页面滚动时，区块位置会随之滑动，并且最终停止在右下角位置。 （2）滑块处于浏览器右边视角中部，当页面滚动时，最终停止滚动时滑块也会滚动到中部。 <!doctype html> <html> <head> <title>运动</title> < 阅读全文
posted @ 2018-07-31 10:09 请叫我二狗哥 阅读(298) 评论(0) 推荐(0)
JavaScript中变速运动的数学模型构建
摘要：AB两地直线距离相距为S，机器人β从A点向B点行进。已知机器人β的每间隔固定时间行进一段路程，其下次行进的距离为当前距离B点路程的1/q(q为正整数),求机器人第n次行进距离的表达式an以及前n项和公式Sn。 根据题意 可得： 获得an与an-1的关系式： 变型获得： 那么 各项相乘获得 即获得机器 阅读全文
posted @ 2018-07-31 09:38 请叫我二狗哥 阅读(307) 评论(0) 推荐(0)
区块变速运动模拟案例
摘要：区块变速运动模拟案例 红色区块点击按钮实现区块运动速度逐渐减小到left值为300px停止。 (1)div的style属性#div1{width:200px;height:100px;background:red;position:absolute;left:0;}实现该功能。 (2)div的sty 阅读全文
posted @ 2018-07-27 10:40 请叫我二狗哥 阅读(250) 评论(0) 推荐(0)
模拟百度分享左侧缓慢滑出与缓慢消退效果
摘要：模拟百度分享左侧缓慢滑出与缓慢消退效果 实现效果：当鼠标移入蓝色区块时，绿色区块随即缓慢向右滑出。当鼠标移出该绿色滑块后，滑块随即缓慢向左消退。 完成效果图 主要设计思路：【1】划入与滑出效果为使用定时器不间断改变区块的left值实现。因此区块需要采用绝对定位的方式。【2】划入鼠标，left值不断增 阅读全文
posted @ 2018-07-20 17:02 请叫我二狗哥 阅读(362) 评论(0) 推荐(0)
运动案例基础案例模拟
摘要： 阅读全文
posted @ 2018-07-20 16:43 请叫我二狗哥 阅读(255) 评论(0) 推荐(0)
表格的排序
摘要：对于表格内容根据每行中的ID值进行升序排列，实现原本错乱无序的表格按照ID进行重新规则化排序。 初始HTML代码 思路：转换、排序、插入。将元素集合转换为数组，通过sort()函数进行排序，appendChild进行插入。 出现问题：1、sort()函数的具体功能了解不详细;2、元素集合和数组的区别 阅读全文
posted @ 2018-07-18 16:17 请叫我二狗哥 阅读(207) 评论(0) 推荐(0)
JavaScript在表格中模拟搜索多关键词搜索和筛选
摘要：模拟搜索需要实现以下功能： 1、用户的模糊搜索不区分大小写，需要小写字母匹配同样可以匹配到该字母的大写单词。 2、多关键词模糊搜索，假设用户关键词以空格分隔，在关键词不完整的情况下仍然可以匹配到包含该关键字的表格。 3、表格筛选，符合条件的表格展现，不符合条件的表格隐藏。 <!doctype htm 阅读全文
posted @ 2018-07-18 13:07 请叫我二狗哥 阅读(2638) 评论(0) 推荐(0)
JavaScript表格搜索高亮功能模拟
摘要：在网页表格中模拟excle的搜索高亮显示功能。当在搜索框中输入需要的姓名时，若表格中存在对应的数据，则该表格背景色变为黄色。 下面为表的HTML源码： 模拟思路：获取表格中姓名列对应的元素集合的value值，与输入表格值进行比较是否相等。若两值相等，则高亮显示，其余表格不变色。 (1)出现问题 代码 阅读全文
posted @ 2018-07-17 16:54 请叫我二狗哥 阅读(1095) 评论(0) 推荐(0)
应用JavaScript搭建一个简易页面图片无缝滚动效果
摘要：页面图片无缝滚动JavaScript原理：移动的区块包含图片内容，区块相对父级元素进行定位脱离文档流。再令区块的left值每隔固定的时间进行等量减少(或增大)从而实现区块的匀速运动。由于每次间隔移动的时间设置很短，会“欺骗”人的眼睛，形成无缝滚动效果。 脱离文档流：父元素为相对定位position: 阅读全文
posted @ 2018-07-17 11:15 请叫我二狗哥 阅读(502) 评论(0) 推荐(0)
通过DOM实现点击隐藏父元素
摘要：HTML代码简单如下： 要求：通过JavaScript实现点击a标签，实现li元素的隐藏。 完成的JavaScript代码： 1 window.onload=function() 2 { 3 var oUl=document.getElementById('ul1'); 4 /*对所有li元素进行循 阅读全文
posted @ 2018-07-13 16:57 请叫我二狗哥 阅读(1647) 评论(0) 推荐(0)
DOM基础
摘要：DOM 【(CSS)标签——(HTML)元素——(DOM)节点】 元素属性操作 第一种：oDiv.style.background='red'; 第二种：oDiv.style[background]='red'; 第三种：DOM方式 元素属性的操作方式： 获取：getAttribute(名称) 设置 阅读全文
posted @ 2018-07-13 15:14 请叫我二狗哥 阅读(261) 评论(0) 推荐(0)
通过JS制作一个简易数码时钟
摘要：设计思路： 数码时钟即通过图片数字来显示当前时间，需要显示的图片的URL根据时间变化而变化。 a、获取当前时间Date()并将当前时间信息转换为一个6位的字符串; b、根据时间字符串每个位置对应的数字来更改图片的src的值，从而实现更换显示图片; 构建HTML基础并添加样式。 style样式 获取图 阅读全文
posted @ 2018-07-11 14:59 请叫我二狗哥 阅读(7104) 评论(2) 推荐(0)
表格元素的快捷获取以及隔行变色、鼠标移入变色案例
摘要：要求：以下列代码为基础，添加JS代码，令表格实现隔行变色效果，并且实现鼠标移入表格，该行表格背景色变为绿色，移出表格后表格恢复为原隔行变色形式的背景色。 <table id='tab1' border="1" width="500" align="center" > <thead> <tr><td> 阅读全文
posted @ 2018-07-09 16:13 请叫我二狗哥 阅读(299) 评论(0) 推荐(0)
表格基础
摘要：表格应用-1 获取 tBodies、tHead、tFoot、rows、cells 隔行变色 鼠标移入高亮 删除、添加一行 表格应用-2 搜索 版本1：基础版本——字符串比较 版本2：忽略大小写——大小写转换 版本3：模糊搜索——search的使用 版本4：多关键词——split 高亮显示、筛选 排序 阅读全文
posted @ 2018-07-09 13:49 请叫我二狗哥 阅读(164) 评论(0) 推荐(0)
延时提示框制作思路[简单javascript案例]
摘要：模拟QQ软件中的弹出提示框功能，制作一个简易的延时提示框。 功能实现： 1、当鼠标移入指定区块时，弹出隐藏的区块；当鼠标移出指定区块时，弹出的隐藏区块再次隐藏。 2、同时要求在鼠标移入该弹出区块后，区块继续保持显示状态，在鼠标移出弹出区块后，弹出的隐藏区块再次隐藏。 主要应用知识：setTimeou 阅读全文
posted @ 2018-07-06 17:56 请叫我二狗哥 阅读(383) 评论(0) 推荐(0)