html怎么制作上下移动的门

html制作上下移动的门步骤如下：

1、门体，所述门体设置于门框的内侧，且门体可相对门框上下滑动。

2、配重组件，所述配重组件设置于门框的内部，所述配重组件的一端与门体固定连接。

3、优选地，所述门框的内侧设置有滑轨，所述门体的侧面与滑轨滑动连接。

你给你要移动的div 加上样式 margin: 1px 2px 3px 4px意思是这个div 的上右下左的外边距分别是1px,2px,3px,4px 这些数字也可以是负数，单个表示的话又分为

margin-top: 2px/*上边距是2px*/

margin-left: 2px /*左边距是2px*/

margin-right: 2px /*右边距是2px*/

margin-bottom: 2px /*下边距是2px*/

数字如果是负数的话，比如

margin-top: -2px /*向上移动2px*/

<marquee

direction="up"><!--direction=可以定义图片滚动的方向-->

<img

src="路径"

height="200"

width="300"/>

<!--height和width是定义图片的大小-->

</marquee>

看看是不是你想要的模式

---