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