论坛 › 欢乐水吧 › 樵歌想跟镁铝同框的愿望可以实现

马黑黑 发表于 2022-2-7 20:19

樵歌想跟镁铝同框的愿望可以实现

本帖最后由 马黑黑 于 2022-2-7 20:28 编辑 <br /><br /><style type="text/css">
#zkuang { margin: auto; width: 720px; display: flex; flex-direction: column; gap: 10px; }
#zkuang div { margin: 10px;border:1px solid; width:100%; height: 300px; }
#zkuang img { cursor: pointer; }
</style>
<p>头像可以在两个框之间随意拖动：<br>&nbsp;<br></p>
<div id="zkuang">
        <div id="meilv" ondrop="drop(event)" ondragover="allowDrop(event)">
                <img id="img1" style="width:200px;height:200px;" src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/03_avatar_middle.jpg" alt="" draggable="true" ondragstart="drag(event)">
        </div>
        <div id="meilan" ondrop="drop(event)" ondragover="allowDrop(event)">
                <img id="img2" style="width:200px;height:200px;" src="https://www.huachaowang.com/data/attachment/forum/202202/07/200346ab03m3t30l0t3kc0.jpg" alt="" draggable="true" ondragstart="drag(event)">
                <img id="img3" style="width:200px;height:200px;" src="https://www.huachaowang.com/uc_server/data/avatar/000/00/42/93_avatar_middle.jpg" alt="" draggable="true" ondragstart="drag(event)">
        </div>
</div>

<script type="text/javascript">

function allowDrop(obj) {
        obj.preventDefault();
}

function drag(obj) {
        obj.dataTransfer.setData("Text",obj.target.id);
}

function drop(obj) {
        obj.preventDefault();
        var data=obj.dataTransfer.getData("Text");
        obj.target.appendChild(document.getElementById(data));
}
</script>

加林森 发表于 2022-2-7 20:21

看热闹{:4_170:}

马黑黑 发表于 2022-2-7 20:24

加林森 发表于 2022-2-7 20:21
看热闹

图像可以在两个框之间随意拖动

樵歌 发表于 2022-2-7 20:27

拖了这个少了那个，{:4_170:}

樵歌 发表于 2022-2-7 20:28

还多出了一个银。{:4_170:}

加林森 发表于 2022-2-7 20:28

马黑黑 发表于 2022-2-7 20:24
图像可以在两个框之间随意拖动

啊？还有这个功能啊。我试试。

樵歌 发表于 2022-2-7 20:29

小黑好厉害。

马黑黑 发表于 2022-2-7 20:29

樵歌 发表于 2022-2-7 20:29
小黑好厉害。

现在有第三者了{:4_170:}

加林森 发表于 2022-2-7 20:29

这样玩还真好玩。{:4_189:}

马黑黑 发表于 2022-2-7 20:30

樵歌 发表于 2022-2-7 20:27
拖了这个少了那个，

拖一般都是这样的{:4_170:}

马黑黑 发表于 2022-2-7 20:30

加林森 发表于 2022-2-7 20:29
这样玩还真好玩。

开森开森

加林森 发表于 2022-2-7 20:32

马黑黑 发表于 2022-2-7 20:30
开森开森

我对你不得不服啊。{:4_189:}{:4_191:}

东篱闲人 发表于 2022-2-7 20:45

干什么玩意？为什么把俺照片放上？{:5_115:}

马黑黑 发表于 2022-2-7 20:55

东篱闲人 发表于 2022-2-7 20:45
干什么玩意？为什么把俺照片放上？

第三者{:4_170:}

马黑黑 发表于 2022-2-7 20:55

加林森 发表于 2022-2-7 20:32
我对你不得不服啊。
言重了

东篱闲人 发表于 2022-2-7 20:55

马黑黑 发表于 2022-2-7 20:55
第三者

瞪你。。。{:5_115:}

马黑黑 发表于 2022-2-7 20:56

东篱闲人 发表于 2022-2-7 20:55
瞪你。。。

{:4_203:}

红影 发表于 2022-2-7 20:56

有意思，又是个互动的功能呢{:4_187:}

加林森 发表于 2022-2-7 20:57

马黑黑 发表于 2022-2-7 20:55
言重了

真话

马黑黑 发表于 2022-2-7 20:57

红影 发表于 2022-2-7 20:56
有意思，又是个互动的功能呢

啊？哦。好像有点互动的意思。主要是，之前发的那个啥，樵歌说像跟镁铝同框{:4_170:}

查看完整版本: 樵歌想跟镁铝同框的愿望可以实现