实现功能: 1. 点击左边的小li,会滚动到右边对应的内容区(电梯导航 -> 内容区) ① 当滚动到某一位置时,就让电梯导航显示出来 ② 点击电梯导航页面可以滚动到相应内容区域 ③ 核心算法:因为电梯导航模块和内容区模块是一一对应的,所以对应的索引号是一样的 ④ 当点击电梯导航某个小模块时,就可以拿 Read More
posted @ 2020-05-31 23:39 浮华夕颜 Views(2874) Comments(0) Diggs(0) Edit
① 核心原理:使用animate动画返回顶部。 ② animate动画函数里面有个scrollTop属性,可以设置位置。 ③ 但是是元素做动画,因此使用 $("body, html").animate({scrollTop: 0}); <script> // 页面打开时就到一个固定的位置 $(doc Read More
posted @ 2020-05-31 22:37 浮华夕颜 Views(423) Comments(0) Diggs(0) Edit
具体功能可参考网站:http://www.todolist.cn/ 实现功能如下: 1. 文本框里面输入内容,按下回车,就可以生成待办事项。 2. 点击待办事项的复选框,就可以把当前数据添加到已完成事项里面。 3. 点击已完成事项的复选框,就可以把当前数据添加到待办事项里面。 4. 但是本页面内容刷 Read More
posted @ 2020-05-31 22:19 浮华夕颜 Views(341) Comments(0) Diggs(0) Edit
下面从6个方面介绍jQuery事件: jQuery事件注册 jQuery事件处理 jQuery事件对象 jQuery拷贝对象 多库共存 jQuery插件 1. jQuery事件注册 单个事件注册: 语法: element.事件(function() {}) // 例如 $("div").click( Read More
posted @ 2020-05-31 19:41 浮华夕颜 Views(181) Comments(0) Diggs(0) Edit
<!-- 页面布局 --> <div class="box" id="weibo"> <span>微博发布</span> <textarea class="txt" col="30" row="10"></textarea> <button class="btn">发布</button> <ul>< Read More
posted @ 2020-05-31 17:34 浮华夕颜 Views(240) Comments(0) Diggs(0) Edit
购物车页面如下: 实现的主要功能有6点: 1. 全选功能 ① 全选思路:里面3个小得复选框按钮(j-checkbox)选中状态(checked)跟着全选按钮(checkall)走。 ② 因为checked是复选框得固有属性,此时需要利用prop()方法获取和设置该属性。 ③ 把全选按钮状态赋值给3个 Read More
posted @ 2020-05-31 16:35 浮华夕颜 Views(2036) Comments(0) Diggs(0) Edit
从下面7个方面介绍jQuery常用的API: jQuery选择器 jQuery样式操作 jQuery效果 jQuery属性操作 jQuery文本属性值 jQuery元素操作 jQuery尺寸、位置操作 1. jQuery选择器 ① jQuery基础选择器 原生JS获取元素方式很多,很杂,而且兼容性情 Read More
posted @ 2020-05-31 15:27 浮华夕颜 Views(691) Comments(0) Diggs(0) Edit