JavaScript实现左右滚动电影画布
本文实例为大家分享了JavaScript实现左右滚动电影画布的具体代码,供大家参考,具体内容如下 实现效果: 1. 鼠标放在图片左边,图片向右移动 2. 鼠标放在图片右边,图片向左移动 3. 鼠标放在图片外,图片暂停 实现步骤: 1.将图片显示区域设置为一个盒子,盒子之外隐藏,这个盒子定义为屏幕 2.将图片放在一个大盒子中,屏幕分相同两部分一个左屏幕,一个右屏幕对左右屏幕分别设置onmouseover事件,对整个屏幕设置onmouseout事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset