javaScript:使用js实现留言板效果（鼠标按下可以拖动）

最新推荐文章于 2022-07-03 09:34:03 发布

橘猫今天还胖吗

最新推荐文章于 2022-07-03 09:34:03 发布

阅读量446

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Tian_R/article/details/120186912

版权

本文介绍如何使用JavaScript创建一个可拖动的留言板效果。通过结合CSS样式和JavaScript事件监听，实现鼠标按下时能够拖动留言板的功能。

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

效果图：

css：

<style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            /* background: #ccc; */
            font-size: 16px;
        }
        #box2 {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .4);
            position: absolute;
            top: 0;
            left: 0;
            display: none;
            z-index: 3;
        }
        #box {
            width: 400px;
            height: 350px;
            border: 1px solid #ccc;
            margin: 20px auto;
            position: relative;
        }
        #btn {
            width: 100px;
            height: 35px;
            background: #000;
            color: #fff;
            border: none;
            position: absolute;