JavaScript实现无缝滚动 原理详细讲解（JavaScript implements seamless rolling principle in detail）.doc

JavaScript实现无缝滚动 原理详细讲解（JavaScript implements seamless rolling principle in detail） JavaScript implements the seamless scrolling principle in detail Lets take a look at some of the properties of the object: InnerHTML: sets or retrieves the HTML within the objects start and end tags ScrollHeight: gets the scroll height of the object. ScrollLeft: sets or retrieves the distance between the leftmost side of the content currently visible in the objects left edge and window ScrollTop: sets or retrieves the distance between the top and the top of the visible content in the top and window of the object ScrollWidth: gets the rolling width of the object OffsetHeight: the height of the parent coordinates specified by the object relative to the layout or by the parent coordinate offsetParent attribute OffsetLeft: gets the computed left location of the object relative to the layout or the parent coordinates specified by the offsetParent property OffsetTop: gets the top location of the calculation of the object relative to the layout or the parent coordinates specified by the offsetTop property OffsetWidth: gets the width of the parent coordinates specified by the object relative to the layout or by the parent coordinate offsetParent attribute The picture rolls up seamlessly style type = text/CSS ! -- # demo { Background: # FFF. Overflow: hidden; Border: # 1 px dashed CCC; Height: 100 px; The text - align: center; Float: left; } # demo img { Border: 3 px solid # F2F2F2; Display: block; } -- -- / style Scroll up div id = demo div id = not a href = # img SRC = /other/link/Clear_logo.gif border = 0 / / a a href = # img SRC = /other/link/Clear_logo.gif border = 0 / / a a href = # img SRC = /other/link/Clear_logo.gif border = 0 / / a a href = # img SRC = /other/link/Clear_logo.gif border = 0 / / a a href = # img SRC = /other/link/Clear_logo.gif border = 0 / / a / div div id = demo2 / div / div script ! -- Var speed = 10; The larger the