Web前端基础（12）JS实践案例--留言板

2018-10-13 · 大约 500 个字 · 预计 3 分钟读完

Web前端 · 基础 · Demo · 案例 · JavaScript · 留言板

演示和源码

我的留言界面有一个留言板，留言板上面的纸条是可以随着鼠标拖动的，下面我们来实现一下可拖动的留言框。

演示效果：

html布局

1
2
3
4
5
6
7
8
9
<div class="nav">
    <a href="javascript:;" id="register">注册信息</a>
</div>
<div class="d-box" id="d_box">
    <div class="hd" id="drop">注册信息   (可以拖拽)
            <span id="box_close">【关闭】</span>
    </div>
    <div class="bd"></div>
</div>