2020年1月16日

214 jQuery案例:王者荣耀手风琴效果

摘要: 效果 思路分析: 1.鼠标经过某个小li 有两步操作: 2.当前小li 宽度变为 224px, 同时里面的小图片淡出,大图片淡入 3.其余兄弟小li宽度变为69px, 小图片淡入, 大图片淡出 ​ 代码实现略。(详情参考源代码) 阅读全文

posted @ 2020-01-16 22:44 冲啊! 阅读(653) 评论(0) 推荐(0) 编辑

213 jQuery 事件切换:hover()

摘要: ​ jQuery中为我们添加了一个新事件 hover() ; 功能类似 css 中的伪类 :hover 。介绍如下 语法 over:鼠标移到元素上要触发的函数(相当于mouseenter) out:鼠标移出元素要触发的函数(相当于mouseleave) 如果只写一个函数,则鼠标经过和离开都会触发它 阅读全文

posted @ 2020-01-16 21:48 冲啊! 阅读(289) 评论(0) 推荐(0) 编辑

212 停止动画排队: stop()

摘要: 动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。 ​ 停止动画排队的方法为:stop() ; stop() 方法用于停止动画或效果。 stop() 写到动画或者效果的前面, 相当于停止结束上一次的动画。 ​ 总结: 每次使用动画之前,先调用 stop() ,在调用动画。 阅读全文

posted @ 2020-01-16 21:47 冲啊! 阅读(172) 评论(0) 推荐(0) 编辑

211 jQuery 自定义动画:animate()

摘要: 自定义动画非常强大,通过参数的传递可以模拟以上所有动画,方法为:animate() ; ​ 语法规范如下: 代码演示 阅读全文

posted @ 2020-01-16 21:46 冲啊! 阅读(114) 评论(0) 推荐(0) 编辑

210 jQuery淡入淡出:fadeIn() 、fadeOut() 、fadeToggle() 、fadeTo()

摘要: 淡入淡出动画,常见有四个方法:fadeIn() 、fadeOut() 、fadeToggle() 、fadeTo() ​ 语法规范如下: 代码演示 阅读全文

posted @ 2020-01-16 21:32 冲啊! 阅读(401) 评论(0) 推荐(0) 编辑

209 jQuery滑入滑出:slideDown() / slideUp() / slideToggle()

摘要: 滑入滑出动画,常见有三个方法:slideDown() / slideUp() / slideToggle() ; ​ 语法规范如下: 代码演示 小案例:下拉菜单略(详情参看源码)。 阅读全文

posted @ 2020-01-16 20:27 冲啊! 阅读(360) 评论(0) 推荐(0) 编辑

208 jQuery 效果 之 显示隐藏

摘要: jQuery 给我们封装了很多动画效果,最为常见的如下: 显示隐藏:show() / hide() / toggle() ; 划入画出:slideDown() / slideUp() / slideToggle() ; 淡入淡出:fadeIn() / fadeOut() / fadeToggle() 阅读全文

posted @ 2020-01-16 20:24 冲啊! 阅读(134) 评论(0) 推荐(0) 编辑

207 jQuery 样式操作:css (),addClass,removeClass,toggleClass,tab 栏切换案例

摘要: ​ jQuery中常用的样式操作有两种:css() 和 设置类样式方法 1.4.1 方法1: 操作 css 方法 ​ jQuery 可以使用 css 方法来修改简单元素样式; 也可以操作类,修改多个样式。 ​ 常用以下三种形式 : ​ 注意:css() 多用于样式少时操作,多了则不太方便。 1.4. 阅读全文

posted @ 2020-01-16 18:25 冲啊! 阅读(383) 评论(0) 推荐(0) 编辑

206 jQuery 选择器:基础选择器,层级选择器,筛选选择器,jQuery 设置样式,jQuery 里面的排他思想,隐式迭代,链式编程,淘宝服饰精品案例

摘要: 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1.3.1 基础选择器 1.3.2 层级选择器 ​ 层级选择器最常用的两个分别为:后代选择器和子代选择器。 基础选择器和层级选择器案例代码 1.3.3 筛选选择器 ​ 筛选选择器,顾名 阅读全文

posted @ 2020-01-16 11:15 冲啊! 阅读(303) 评论(0) 推荐(0) 编辑

导航