一般实现用鼠标控制图片的滚动效果都比较麻烦，大段大段的代码让新手头疼无从下手，下面我来写个简单的爪哇岛描述语言控制图片滚动的效果。代码简洁明了，兼容火狐和谷歌浏览器。

分享代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/meta http-equiv=' X-UA-Compatible '内容=' IE=仿真器7' /titlejavascript控制图片或差异层的上下移动滚动效果/title/head dya href=' JavaScript : void(0)；'onmouseover=' scroldivup _ T=设置间隔(scroldivup，10)；'onmouseout=' ClearInterval(scroldivup _ T)'上/adiv id=' items ' style=' margin 33605 px 0px 5px 0px；宽度宽度：100像素高度：200 pxborder:1px实心# dddddd '飞越：隐藏'图片一.br /图片2.br /图片3.br /图片四.br /图片5.br /图片6.br /图片七.br /图片8.br /图片9.br /图片10.br /图片11.br /图片12.br /图片13.br /图片14.br /图片15.br /图片16.br /图片17.br /图片18.br /图片19.br /图片20./diva href=' JavaScript : void(0)；onmouseover=' scroldivdown _ T=set interval(scroldivdown，10)；onmouseout=' ClearInterval(scroldividedown _ T)'下java描述语言语言='javascript '函数scroldivup(){ document。getelementbyid(' items ').滚动顶部-=1；}函数scroldivDown(){ document。getelementbyid(' items ').滚动顶部=1；}/脚本/正文/html运行效果图：

以上就是实现爪哇岛描述语言控制图片滚动的效果，希望大家可以喜欢。