14.8  实现滑动门特效

14.8 实现滑动门特效

本实例的功能是,在网页中实现滑动门特效。如果将鼠标放在主菜单上,下边框架内的内容会跟着变换,鼠标不需要单击,只需要滑上去就可切换内容,像一扇门,所以叫做“滑动门”菜单。

图示

实例文件8.html的实现代码如下。

图示

图示(https://www.daowen.com)

图示

执行后的效果如图14-9示。

图示

图14-9 执行效果