html如何做滑动门效果,JavaScript实现滑动门效果

本文实例为大家分享了JavaScript实现滑动门效果的具体代码，供大家参考，具体内容如下

一、什么是滑动门

首先你要了解什么是滑动门。

生活中我们经常看到一些网站或是商城有一些滑动门的效果

那么怎么实现一个简单的滑动门的网页特效呢？下面简单分享一下方法,

二、实现滑动门所需技术

1、简单的HTML基础知识

2、简单的CSS基础样式

3、基本的javascript知识

三、如何实现滑动门(重点)

准备好一段HTML代码

给当前HTML结构添加样式

*{

margin: 0;

padding: 0;