2019年12月18日
JS---案例：筋斗云
摘要： 案例：筋斗云 鼠标进入，一朵云的样式跟随鼠标移动，鼠标点击后离开，云样式回到上次点击的位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; pa 阅读全文
posted @ 2019-12-18 13:02 jane_panyiyun 阅读(444) 评论(0) 推荐(0) 编辑
JS---变速动画函数封装
摘要： 变速动画函数封装 匀速动画：每次步数都是10 (var step=10;) 变速(缓动)动画：每次的步数是用当前位置和目标位置相减 var step=(target-current)/10; 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
posted @ 2019-12-18 10:58 jane_panyiyun 阅读(474) 评论(0) 推荐(1) 编辑
JS---封装getScroll函数 & 案例：固定导航栏
摘要： 封装getScroll函数 1. 获取页面向上或者向左卷曲出去的距离的值 2. 浏览器的滚动事件 function getScroll() { return { left: window.pageXOffset || document.documentElement.scrollLeft || do 阅读全文
posted @ 2019-12-18 08:38 jane_panyiyun 阅读(651) 评论(0) 推荐(0) 编辑