Tip: you can modify some code before running
Js code scroll up<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title></head><body><script type="text/javascript">Var $ = function (id) {return "string" = typeof id? Document. getElementById (id): id ;}; var Class ={ create: function () {return function () {this. initialize. apply (this, arguments) ;}} Object. extend = function (destination, source) {for (var property in source) {destination [property] = source [property];} return destination;} function addEventHandler (oTarget, sEventType, fnHandler) {if (oTarget. addEventListener) {oTarget. addEventListener (sEventType, fnHandler, false);} else if (oTarget. attachEvent) {oTarget. attachEvent ("on" + sEventType, fnHandler);} else {oTarget ["on" + sEventType] = fnHandler; }}; var Scroller = Class. create (); Scroller. prototype = {initialize: function (idScroller, idScrollMid, options) {var oScroll = this, oScroller = $ (idScroller), oScrollMid = $ (idScrollMid); this. heightScroller = oScroller. offsetHeight; this. heightList = oScrollMid. offsetHeight; if (this. heightList <= this. heightScroller) return; oScroller. style. overflow = "hidden"; oScrollMid. appendChild (oScrollMid. cloneNode (true); this. oScroller = oScroller; this. timer = null; this. setOptions (options); this. side = 1; // 1 is top-1 is bottom switch (this. options. side) {case "down": this. side =-1; break; case "up": default: this. side = 1;} addEventHandler (oScrollMid, "mouseover", function () {oScroll. stop () ;}); addEventHandler (oScrollMid, "mouseout", function () {oScroll. start () ;}); if (this. options. pauseStep <= 0 | this. options. pauseHeight <= 0) this. options. pauseStep = this. options. pauseHeight = 0; this. pause = 0; this. start () ;}, // set the default property SetOptions: function (options) {this. options = {// The default value is Step: 1, // Time: 20 for each change of the px volume, // The speed (the larger the slower) Side: "up", // scroll direction: "up" is up, "down" is under PauseHeight: 0, // interval high stop a PauseStep: 1000 // pause time (PauseHeight greater than 0 this parameter is valid )}; object. extend (this. options, options | |{}) ;}, // Scroll: function () {var iScroll = this. oScroller. scrollTop, iHeight = this. heightList, time = this. options. time, oScroll = this, iStep = this. options. step * this. side; if (this. side> 0) {if (iScroll> = (iHeight * 2-this. heightScroller) {iScroll-= iHeight ;}} else {if (iScroll <= 0) {iScroll ++ = iHeight ;}} if (this. options. pauseHeight> 0) {if (this. pause> = this. options. pauseHeight) {time = this. options. pauseStep; this. pause = 0;} else {this. pause + = Math. abs (iStep); this. oScroller. scrollTop = iScroll + iStep;} else {this. oScroller. scrollTop = iScroll + iStep;} this. timer = window. setTimeout (function () {oScroll. scroll () ;}, time) ;}, // Start: function () {this. scroll () ;}, // Stop: function () {clearTimeout (this. timer) ;}}; window. onload = function () {new Scroller ("idScroller", "idScrollMid", {PauseHeight: 25 });}</script><style>#idScroller *{margin:0px; padding:0px;}#idScroller{line-height:25px;width:500px; height:50px; overflow:hidden; border:1px solid #000000;}#idScroller ul{width:100%}#idScroller li{width:50%; float:left; overflow:hidden; list-style:none;}</style><div id="idScroller"> <div id="idScrollMid"> <ul> <li>111111111111111111111</li> <li>211111111111111111111</li> <li>311111111111111111111</li> <li>411111111111111111111</li> <li>511111111111111111111</li> <li>611111111111111111111</li> </ul> <div ></div> </div></div></body></html>
Tip: you can modify some code before running