js判断鼠标移入的方向并触发事件

最新推荐文章于 2024-06-04 14:51:57 发布

置顶

HeiShanLaoYao889

最新推荐文章于 2024-06-04 14:51:57 发布

阅读量2.1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/TomBody/article/details/70554299

版权

判断鼠标进入方向 html,body{ margin:0; padding:0; } .wrap{ width:300px; height:300px; position: relative; ma

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>判断鼠标进入方向</title>
    <style>
        html,body{
            margin:0;
            padding:0;
        }
        .wrap{
            width:300px;
            height:300px;
            position: relative;
            margin:50px;
            overflow: hidden;
        }
        .mask{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 100%;
            left: 0;
            background: black;
            opacity: .5;
            color: white;
            font-size: 30px;
            line-height: 300px;
            text-align: center;
        }
        .img{
            width: 100%;
            height: 100%;
            background:#33aa00;
            display:inline-block;
            font-size:50px;
            text-align:center;
            line-height:300px;
        }
    </style>
&l

最低0.47元/天解锁文章

HeiShanLaoYao889

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js判断鼠标移入的方向并触发事件

判断鼠标进入方向 html,body{ margin:0; padding:0; } .wrap{ width:300px; height:300px; position: relative; ma
复制链接

扫一扫