菜单栏筋斗云效果

最新推荐文章于 2022-10-11 10:28:58 发布

python基础教程

最新推荐文章于 2022-10-11 10:28:58 发布

阅读量1k

点赞数

分类专栏： 01前端基础教程html_css_js

本文链接：https://blog.csdn.net/stopcpp/article/details/52807725

版权

该博客介绍了一种方法，通过获取鼠标经过时元素距离左侧的offsetLeft值，并将其应用于缓动动画的结束位置。点击时记录该值，以便在后续鼠标经过时更新动画效果。

摘要由CSDN通过智能技术生成

鼠标经过的时候，利用offsetLeft获得当前盒子距离左侧的距离，把这个值赋给缓动动画的end值。
当点击的时候记住当前的offsetLeft值，当鼠标经过的时候把之前点击的offsetLeft给现在经过时候的值。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background-color:#333;
        }
        ul,ol{
            list-style: none;
        }
        img{
            vertical-align: top;
        }