四.WebAPI
文章平均质量分 61
庚中
这个作者很懒,什么都没留下…
展开
-
案例:js实现点餐自动选择框
效果图: 1. 目标需求(一共两个): 1.点击上方全选/全不选选择框,实现对应功能 2.点击下方选择框,如果所有选择框同时被选中,则上方全选框自动变成勾选状态,否则是非勾选状态 2.思路分析: /* 1.实现上面选择框全选全不选功能,添加上面的鼠标点击事件,让下方所有选择框跟上方一样就行 2.下方选择框在点击时,使用开关思想来检查是否是全部都选择的状态 */ 3.js实现步骤: 上方全选/全不...原创 2018-10-06 20:13:59 · 1311 阅读 · 2 评论 -
案例:二维码的显示和隐藏
废话不多说,先看效果: 目标需求: (1)当鼠标移动到二维码小图标上时,显示二维码大图; (2)当鼠标移开时,隐藏大图; 思路分析: 1.首先:先获取页面元素 var small=document.getElementById('small'); var big=document.getElementById('big'); 第一个事件类型-鼠标移入 onmouseover:鼠标移...原创 2018-10-06 21:17:14 · 2781 阅读 · 1 评论 -
写一个左右移动的封装函数
/**1.匀速动画 * @param obj:要移动的元素 * @param target:要移动的目标距离 */ function animationMove ( obj,target ) { //1.清除之前的定时器,以本次移动为准 clearInterval(obj.timeID); //2.开始本次移动 obj.timeID = setInterval...原创 2018-10-08 13:00:12 · 304 阅读 · 0 评论 -
案例:模拟百度搜索框自动加载内容
实现效果如下 我们重点分析js代码,所以html和css不做过多解释(想了解的直接看结尾的源代码) js需求分析: 需求一:搜索框txt键盘弹起:获取文本,根据搜索文本显示对象的ul内容列表; 需求二:内容列表鼠标移入,颜色改为灰色; 需求三:内容列表鼠标移出,颜色恢复原来的颜色; 需求四:需求内容列表鼠标单击:1.搜索框文本变成单击的元素文本;2.内容列表自动清空. 需求一完整的步骤: (需求一...原创 2018-11-26 21:51:59 · 1779 阅读 · 0 评论