上一页 1 2 3 4 5 6 7 8 9 ··· 15 下一页
实现功能: 1. 点击左边的小li,会滚动到右边对应的内容区(电梯导航 -> 内容区) ① 当滚动到某一位置时,就让电梯导航显示出来 ② 点击电梯导航页面可以滚动到相应内容区域 ③ 核心算法:因为电梯导航模块和内容区模块是一一对应的,所以对应的索引号是一样的 ④ 当点击电梯导航某个小模块时,就可以拿 Read More
posted @ 2020-05-31 23:39 浮华夕颜 Views(2931) Comments(0) Diggs(0) Edit
① 核心原理:使用animate动画返回顶部。 ② animate动画函数里面有个scrollTop属性,可以设置位置。 ③ 但是是元素做动画,因此使用 $("body, html").animate({scrollTop: 0}); <script> // 页面打开时就到一个固定的位置 $(doc Read More
posted @ 2020-05-31 22:37 浮华夕颜 Views(431) Comments(0) Diggs(0) Edit
具体功能可参考网站:http://www.todolist.cn/ 实现功能如下: 1. 文本框里面输入内容,按下回车,就可以生成待办事项。 2. 点击待办事项的复选框,就可以把当前数据添加到已完成事项里面。 3. 点击已完成事项的复选框,就可以把当前数据添加到待办事项里面。 4. 但是本页面内容刷 Read More
posted @ 2020-05-31 22:19 浮华夕颜 Views(347) 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(185) 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(241) Comments(0) Diggs(0) Edit
购物车页面如下: 实现的主要功能有6点: 1. 全选功能 ① 全选思路:里面3个小得复选框按钮(j-checkbox)选中状态(checked)跟着全选按钮(checkall)走。 ② 因为checked是复选框得固有属性,此时需要利用prop()方法获取和设置该属性。 ③ 把全选按钮状态赋值给3个 Read More
posted @ 2020-05-31 16:35 浮华夕颜 Views(2079) Comments(1) 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(722) Comments(0) Diggs(0) Edit
实现功能: ① 鼠标经过某个小li有两步操作: ② 当前小li宽度变为224px,同时里面的小图片淡出,大图片淡入 ③ 其余兄弟小li宽度变为69px,小图片淡入,大图片淡出 <!-- 页面布局 --> <div class="king"> <ul> <li class="current"> <a Read More
posted @ 2020-05-30 01:02 浮华夕颜 Views(1034) Comments(0) Diggs(0) Edit
实现功能: ① 点击上部的li,当前li添加current类,其余兄弟移除类 ② 点击的同时,得到当前li的索引号 ③ 让下面内容区里面相应索引号的item显示,其余的item隐藏 <div class="tab_list"> <ul> <li class="current">商品介绍</li> < Read More
posted @ 2020-05-30 00:13 浮华夕颜 Views(1128) Comments(0) Diggs(0) Edit
① 核心原理:鼠标经过左侧盒子某个小li,就让内容区盒子相对应图片显示,其余的图片隐藏 ② 需要得到当前小li的索引号,就可以显示对应索引号的图片 ③ jQuery得到当前元素索引号$(this).index() ④ 中间对应的图片,可以通过eq(index)方法去选择 ⑤ 显示元素show(),隐 Read More
posted @ 2020-05-29 01:02 浮华夕颜 Views(292) Comments(0) Diggs(0) Edit
上一页 1 2 3 4 5 6 7 8 9 ··· 15 下一页