摘要: 案例分析: 点击 span (标题1234), 下面的div 会向下滑动 其他 span 的 div 会隐藏 给所有的 span 注册点击事件, 让当前 span 的兄弟 div 显示出来, 下一个兄弟 nextElemenetSibling 关键代码 完整代码: 阅读全文
posted @ 2019-09-13 16:29 shanlu 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 案例分析: 鼠标经过每个li, 所经过的 li 会变亮 (透明度变低) , 其他的 li 会变暗 siblings , 所有的兄弟不包括自己 鼠标离开 wrap ,所有的 li 都会变亮 关键代码: 完整代码: 阅读全文
posted @ 2019-09-13 15:37 shanlu 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 布局: wrap > ul > li*3 (一级菜单123) wrap > ul > li > a + li*3 (隐藏的) 案例分析: 鼠标经过 , 会显示下拉菜单 鼠标离开, 又会隐藏 关键代码 代码优化: 完整代码 阅读全文
posted @ 2019-09-13 15:19 shanlu 阅读(389) 评论(0) 推荐(0) 编辑
摘要: <1>隐式迭代:偷偷的遍历,在jQuery中,不需要手动写 for 循环了,会自动进行遍历 $("li")可以获取所有的 li 元素 <2>大版本分类 1.x版本:能够兼容IE678浏览器 2.x版本:不兼容IE678浏览器 1.x和2.x版本jquery都不再更新版本了,现在只更新3.x版本。 3 阅读全文
posted @ 2019-09-13 14:59 shanlu 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 返回顶部: ①滚动窗口至文档中的特定位置 ②window.scroll(x,y) ③注意,里面的x 和 y 不跟单位,直接写数字 案例分析: 带有动画的返回顶部 ①此时可以继续使用我们封装的动画函数 ②只需要把所有的 left 相关的值改为 跟页面垂直滚动距离相关就可以了 ③页面滚动了多少,可以通过 阅读全文
posted @ 2019-09-13 09:32 shanlu 阅读(678) 评论(0) 推荐(0) 编辑