网页图片无缝循环滚动html代码（国外英文资料）.docVIP

网页图片无缝循环滚动html代码（国外英文资料） The picture circulates the code Image seamless scrolling code To introduce its implementation approach: first a set width and hidden beyond the width of the contents of the container demo, not and demo2 is put inside, is not scroll the contents, demo2 for not cloning directly, through changing the scrollTop or scrollLeft not achieve the purpose of rolling, when scrolling to not and demo2 junction directly to jump back to the initial position, because not like demo2, so cant tell beating moment, thus achieve the goal of seamless rolling. First, the properties of the object: InnerHTML: sets or fetches the HTML within the objects start and end tags ScrollHeight: gets the scroll height of the object. ScrollLeft: setting or retrieving the distance between the left end of the object in the objects left boundary and window ScrollTop: sets or retrieves the distance between the top and the top of the content in the window ScrollWidth: gets the scrolling width of the object OffsetHeight: obtain the height of the parent coordinates specified by the object relative to the page or by the parent coordinate offsetParent attribute OffsetLeft: the calculation of the left side of the calculation for the object relative to the page or the parent coordinates specified by the offsetParent attribute OffsetTop: fetch the top location for the object relative to the page or the parent coordinates specified by the offsetTop attribute OffsetWidth: the width of the parent coordinates specified by the object relative to the page or by the parent coordinate offsetParent attribute Scroll to the left: div id = overflow: hidden; Height: 200; Width: 500; Background: # 214984; Color: # FFFFFF table align = left cellspace = 0 cellpadding = 0 border = 0 tr td id = not valign = top img SRC = PIC / 1. JPG width = 156 height = 200 / img SRC = PIC / 2. JPG width = 160 height = 198 / img SRC = PIC / 3. JPG width = 155 height = 200 / img SRC = PIC / 4. JPG width = 157