JavaScript
蓝鲸是鱼
这个作者很懒,什么都没留下…
展开
-
图片跟随鼠标移动
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc原创 2020-05-11 00:46:21 · 261 阅读 · 0 评论 -
写一个背景随鼠标移动的导航栏
写一个背景随鼠标移动的导航栏 仿写的一个,原理主要是导航列表项(li)相对容器导航条的左偏移(offsetLeft属性)。 背景有一个缓动效果(移动速度先快后慢),但原本缓动动画的定时器一直没有关闭,觉得有点浪费资源,所以在写的时候把定时器用完就清除了。 leader = leader + (target - leader) / 10; // 缓动动画公式 <!DOCTYPE html> <html lang="en"> <head> <meta char原创 2020-05-09 17:54:28 · 492 阅读 · 0 评论 -
offset的用法
https://segmentfault.com/a/1190000015961743 看了以上博客后的自我总结: offset是做什么用的呢? 事实上是为了获取元素的长和宽、以及位置。 别说获取元素的长宽可以使用objec.style.width/height,这个只能获取写在行内样式中的元素长宽。 如下: 写在行内样式中 <!DOCTYPE html> <html lang="en"> <head> <title>Document<原创 2020-05-09 00:26:05 · 6646 阅读 · 0 评论 -
javascript一个按钮控制的计时器
<!Doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewreport" content="width=device-width initial-scale=1 minimum-scale=1 maximumsca=3 userscala...原创 2019-07-28 21:40:14 · 672 阅读 · 0 评论