摘要: 本文是对hide()和show()的进一步补充,其中不仅介绍回调函数,还有递归的相关知识点。 案例要求: 点击”隐藏动画“按钮,四个头像从后向前,每个以0.8秒的速度消失 点击”显示动画“按钮,四个头像从前向后,每个以0.8秒的速度出现 知识点: 递归思想:arguments.callee 回调函数 阅读全文
posted @ 2019-01-17 21:37 笑苍茫 阅读(450) 评论(0) 推荐(0) 编辑
摘要: hide()和show()方法,可以设置动画效果,本文对这两种方法效果加以说明。 hide(参数1,参数2): 参数1:时间,单位为毫秒,表示对象隐藏所用的时间 参数2:回调函数,该函数在对象隐藏后触发。 show(参数1,参数2): 参数1:同上 参数2:同上 示例: 需求说明:点击一个图片,该图 阅读全文
posted @ 2019-01-17 18:15 笑苍茫 阅读(504) 评论(0) 推荐(0) 编辑
摘要: ① $(this).next(); 获取的是当前元素的下一个兄弟元素 ②$(this).nextAll(); 获取的是当前元素的后面的所有的兄弟元素 ③$(this).prev(); 获取的是当前元素的前一个兄弟元素 ④$(this).prevAll(); 获取的是当前元素的前面的所有的兄弟元素 ⑤ 阅读全文
posted @ 2019-01-17 17:10 笑苍茫 阅读(9970) 评论(0) 推荐(0) 编辑
摘要: 使用Jquery实现tab键切换,代码简洁易懂,实现逻辑清晰明了。具体总结如下: 需求分析: 鼠标进入tab切换模块,鼠标当前的模块上边框变为红色,并显示对应的商品名称。鼠标离开后,上边框恢复原色,图片改变。 实现效果如下: 页面1: 页面2 页面3 页面4 页面结构分析: 1.使用大盒子wrapp 阅读全文
posted @ 2019-01-17 15:59 笑苍茫 阅读(1048) 评论(0) 推荐(0) 编辑
摘要: 在网页开发中,元素的样式可以在style标签中定义,但是有很多案例需要添加类样式或者删除类样式,可以获取元素调用css()方法改变元素样式,但是这种方法很繁杂,本文利用开关灯案例,小结使用jquery操作类样式的方法。一共X种写法如下: 一、单一类样式的添加删除 1.$( “元素名” ).addCl 阅读全文
posted @ 2019-01-17 11:41 笑苍茫 阅读(404) 评论(0) 推荐(0) 编辑
摘要: 页面运行结果: 点击曹操 点击刘备 点击孙权 原图 需求说明:原图如上所示,点击一方诸侯的时候,显示该诸侯手下猛将,其他诸侯手下猛将隐藏 页面结构: 实现思路: ①给大的li注册鼠标点击事件 当鼠标点击时候,获取当前li的ul下的所有的li,调用元素的show()方法。注意,该方法中可以加参数(数组 阅读全文
posted @ 2019-01-17 10:11 笑苍茫 阅读(1436) 评论(0) 推荐(0) 编辑
摘要: 效果如图: 原图 鼠标进入后开始变化图 实现需求: 页面加载开始,效果如原图所示,在鼠标进入盒子后,图片在当前鼠标位置高亮显示,其余图片变暗,依次交替进行。 代码: 代码分析: 1.页面结构HTML+CSS: 盒子居中 margin:100px auto; 盒子中包括一个ul,li中包含img 2. 阅读全文
posted @ 2019-01-17 09:16 笑苍茫 阅读(425) 评论(0) 推荐(0) 编辑
摘要: 实现效果如图: 功能需求: ①鼠标进入商品名称,商品名称变色,同时对应的物品展示图片显示对应的物品,鼠标移出时候,商品名称恢复原来的颜色 实现分析: 1.HTML+CSS页面结构如下: 页面结构设计中,需要注意的知识点: ①商品li设置边框时候,只设置下边框 ②三个列表之间的分割线,使用id为cen 阅读全文
posted @ 2019-01-16 15:41 笑苍茫 阅读(1175) 评论(0) 推荐(0) 编辑
摘要: 奇偶选择器: $( " #uu>li:odd").css( " backgroundColor "," red " ); 获取id为uu的ul标签下的所有的奇数的li标签,并设置其背景颜色为红色 $( " #uu>li:even").css( " backgroundColor "," yellow 阅读全文
posted @ 2019-01-16 10:22 笑苍茫 阅读(790) 评论(0) 推荐(0) 编辑
摘要: 基本选择器 1.id选择器 >根据id来获取,只有一个。 $( " #id的值 " ) 2.标签选择器 >根据标签的名字获取,可以有多个。 $( " 标签的名字 " ) 3.类选择器 >根据类样式的名字来获取,可以有多个。 $( " . 类样式的名字" ) 复杂选择器 4.标签+类样式选择器 >$( 阅读全文
posted @ 2019-01-15 17:15 笑苍茫 阅读(368) 评论(0) 推荐(0) 编辑