jquery拖拽DOM

最新推荐文章于 2021-09-02 10:58:10 发布

cold-coffee

最新推荐文章于 2021-09-02 10:58:10 发布

阅读量284

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/qq_41797053/article/details/99682704

版权

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

<style type="text/css">
    .background_2x {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #9f9f9f91;
        z-index: -1;
    }
    .box {
        position: fixed;
        top: 0;
        left: 0;
        width: 200px;
    }
    .title {
        background: rebeccapurple;
    }
    .title:hover {
        cursor: Move;
    }
    .content {
        height: 200px;
        width: 200px;
        background: #e3e3ee;
    }
</style>
<body>
    <div class="background_2x">

    </div>
   <div class="box">
        <div class="title">表头</div>
        <div class="content">
        </div>
   </div>
   
</body>
<script >
    $(function() {
        $(".title").mousedown(function() {

            $(".box").on({ // 要移动拖拽的目标DOM
                mousedown: function(e){

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cold-coffee

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery拖拽DOM

<style type="text/css"> .background_2x { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #9f9f9f91; z-index: ...
复制链接

扫一扫