JS的一些简单应用 —— 鼠标经过弹框

最新推荐文章于 2022-08-04 14:00:43 发布

烟敛寒林o

最新推荐文章于 2022-08-04 14:00:43 发布

阅读量650

点赞数

分类专栏： ★ JavaScript

本文链接：https://blog.csdn.net/dyw_666666/article/details/80375358

版权

JS笔记及简单应用同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

★ JavaScript

20 篇文章 1 订阅

订阅专栏

当鼠标经过某个效果框或者图片时，弹框，如何实现这种效果？
这里写图片描述

这里写图片描述

当我们提交某个东西时，弹框，又如何实现呢？
这里写图片描述

这里写图片描述

代码如下：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
            div {
                width: 200px;
                height: 200px;
                background: gray;
            }
        </style>
        <script>
            function t1() {
                alert('谁？');
            }

            function t2() {
                alert('请填写完整');
                return false;
            }
        </script>
    </head>
    <body>
        <h1>
            鼠标经过事件
        </h1>
        <div onmouseover="t1();">

        </div>
        <form action="24-鼠标经过弹框.html" onsubmit="return t2();">
            <p>
                <input type="text" name="username" id="" />
            </p>
            <p>
                <input type="text" name="email" id="" />
            </p>
            <p>
                <input type="submit" value="提交" />
            </p>
        </form>
    </body>
</html>