14.8  实现滑动门特效

14.8 实现滑动门特效

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

978-7-111-53392-4-Part04-150.jpg

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

978-7-111-53392-4-Part04-151.jpg

978-7-111-53392-4-Part04-152.jpg

978-7-111-53392-4-Part04-153.jpg

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

978-7-111-53392-4-Part04-154.jpg

图14-9 执行效果