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