14.7  让网页中的图片div竖向滑动

14.7 让网页中的图片div竖向滑动

本实例的功能是让图片div竖向滑动,本实例的核心是JavaScript代码,虽然现在里面没有图片,但读者可根据自己的需求加上图片。当鼠标放在图片上后图片层会上下滑动。

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

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

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

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

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

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

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

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

图14-8 执行效果