笔记--效果

Linux基础复习，实习笔记。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

页面中有8个点，对应这bottom那8个标题，点击第二个线就长到第二个，点击底7个，线就长到第7个。代码全部贴上来太多了，以3个为例

自带的滚动条只有当鼠标移上去的时候才会显示，其他时候隐藏，这样用户很难看出这个是能划动的，这就需要滚动条一直显示在页面上。

通过轮播图实现，当点击下面的p，上面的轮播图会切换。同时在切换轮播图时，下面的p样式也跟着变化。。。

仅通过css修改样式，实现超出隐藏，可以单行也可以是多行。超级简单的！没想到仅仅是css就能实现的。

全屏滚动，坚锋首页的效果。第一张的bannerhe之后的不一样，通过opacity控制，同时通过pointer-event控制是否可以点击。

轮播图的样式：1、显示两张图且第二张图缩略 2、具有样式条，线条长度跟着所在的张数变化 3、按钮点击切换

实现移动端的列表显示，三横线点击变成叉叉，变化同时能有变化效果。通过css实现，jquery仅仅用于点击事件。

当鼠标移入一级菜单时，二级菜单滑动显示。对之前笔记的一个补充。注意会有个防抖节流问题，居然用stop就解决了！

css实现鼠标移上去div的四条边框出现的动画效果，可通过延时控制显示时间，达到线条按顺序出现的效果。

用js写的一个城市三级联动案例。注意内容：1、这里用到$设置函数，可能会和jQuery产生冲突，换个函数就好。2、current中的数据保存下来仅是为了在当前案例中显示使用，不用太在意。

实现效果：只要页面滚动条滚动了，到达指定的位置后，数据就会变动。要对滚动条进行监听，获取当前位置进行判断，同时通过flag控制区域是否触发。

指定数值，对数值实现滚动显示的效果。数字从0开始滚动到指定的数值，最后呈现。记得在HTML结构中就协定好设置，其中id值不能重复，data-endval表示滚动到的值

实现目标：停留在当前页面，当前a有效果，同时鼠标移动其他a，当前a效果移除，移上去的a显示效果，鼠标移出，效果还原在当前a。笑脸展开效果见上一篇文章。

在鼠标上移时会有相应的效果，笑脸从中心点出发笑起来一样展开。其中笑脸是一张图片，这里用到transform

鼠标移入div显示内容，移出div内容消失。不仅仅针对一个item，当存在多格item时也能完成效果。