随笔分类 -  JS 基本效果

上一页 1 2 3 4 下一页
轮播图--js课程
摘要：效果：1，轮播图要无缝滚动（处理：5张轮播图的最后再添加一张轮播图，即添加第一张图片放在最 后） 2，右下方的按钮跟随轮播图的滚动而滚动（pic=anniu=this.index，鼠标碰到按钮上，都以当 前的索引号为主) 3，自动播放，设置定时器。 关键代码： 1，布局：（5个按钮在js里面添加) 阅读全文
posted @ 2019-07-27 20:42 shanlu 阅读(207) 评论(0) 推荐(0)
缓动动画原理
摘要：缓动效果原理： 缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来 思路： 1，让盒子每次移动的距离慢慢变小，速度就会慢慢落下来 2，核心算法：（目标值-现在的位置）/10 作为每次移动的距离 步长 3，停止的条件是：让当前盒子位置等于目标位置就停止定时器 4，注意步长值需要取整 判断步 阅读全文
posted @ 2019-07-27 20:41 shanlu 阅读(401) 评论(0) 推荐(0)
窗口滚动效果
摘要：Document 阅读全文
posted @ 2019-07-26 21:05 shanlu 阅读(242) 评论(0) 推荐(0)
屏幕滑动效果案例
摘要：Document 首页 体育 财经 新闻 关注 首页 体育 财经 新闻 关注 阅读全文
posted @ 2019-07-26 21:03 shanlu 阅读(273) 评论(0) 推荐(0)
可视区颜色改变
摘要：Document 阅读全文
posted @ 2019-07-26 21:02 shanlu 阅读(112) 评论(0) 推荐(0)
封装可视区域大小的函数
摘要：Document 阅读全文
posted @ 2019-07-26 21:01 shanlu 阅读(104) 评论(0) 推荐(0)
冒泡的问题及阻止冒泡
摘要：Document 点击 阅读全文
posted @ 2019-07-26 21:01 shanlu 阅读(273) 评论(0) 推荐(0)
点击空白处隐藏案例
摘要：Document 注册 登陆 阅读全文
posted @ 2019-07-26 21:00 shanlu 阅读(111) 评论(0) 推荐(0)
计算滚动条的高度
摘要：Document 超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手 超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手 ... 阅读全文
posted @ 2019-07-26 14:56 shanlu 阅读(2196) 评论(0) 推荐(0)
拖拽对话框案例
摘要：Document 注册信息(可以拖拽) [关闭] 阅读全文
posted @ 2019-07-25 21:49 shanlu 阅读(102) 评论(0) 推荐(0)
竖直拖动滚动条案例
摘要：Document 超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手 超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手超级辩手 ... 阅读全文
posted @ 2019-07-25 21:48 shanlu 阅读(220) 评论(0) 推荐(0)
水平拖动滚动条案例
摘要：Document 阅读全文
posted @ 2019-07-25 16:31 shanlu 阅读(229) 评论(0) 推荐(0)
放大镜案例
摘要：案例分析： 1，整个案例可以分为三个功能模块 2，鼠标经过小图片盒子，黄色的遮挡层 和 大图片盒子显示，鼠标离开，两个盒子隐藏 3，黄色的遮挡层跟随鼠标功能 4，移动黄色遮挡层，大图片跟随移动功能 关键代码： ①布局： 把big 定位在demo 里面，demo 里面放一个 small（和demo一样 阅读全文
posted @ 2019-07-25 14:47 shanlu 阅读(236) 评论(0) 推荐(0)
点击跟随鼠标
摘要：Title 阅读全文
posted @ 2019-07-24 21:35 shanlu 阅读(239) 评论(0) 推荐(0)
筋斗云效果
摘要：布局 div.nav > span.#cloud div.nav> ul >li 案例分析： ①鼠标经过某个小 li ，筋斗云跟着到当前小 li 位置 ②鼠标离开某个小 li , 筋斗云复原为原来的位置 ③鼠标点击了某个小 li ，筋斗云就会留在点击这个小 li 的位置 ④利用动画函数做动画效果，原 阅读全文
posted @ 2019-07-24 21:34 shanlu 阅读(250) 评论(0) 推荐(0)
体会事件对象
摘要：Document 阅读全文
posted @ 2019-07-24 21:33 shanlu 阅读(116) 评论(0) 推荐(0)
offset家族
摘要：Document 阅读全文
posted @ 2019-07-24 21:32 shanlu 阅读(153) 评论(0) 推荐(0)
$的符号封装
摘要：Document 阅读全文
posted @ 2019-07-22 21:53 shanlu 阅读(152) 评论(0) 推荐(0)
操作字符串
摘要：Document 谢谢主席 问候在场各位 concat() slice(0,3) slice(1) substr(0,3) 阅读全文
posted @ 2019-07-22 21:51 shanlu 阅读(101) 评论(0) 推荐(0)
无缝滚动
摘要：Title 阅读全文
posted @ 2019-07-22 21:51 shanlu 阅读(105) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页