Front-end code:
<div class="sub_box"> <div id="p-select" class="sub_nav"> <div class="sub_no" id="bd1lfsj"> <ul> <li class="show">1</li> <li class="">2</li> <li class="">3</li> <li class="">4</li> <li class="">5</li> <li class="">6</li> <li class="">7</li> </ul> </div> </div> <div id="bd1lfimg"> <div> <dl class="show"> </dl> <asp:Repeater ID="repTopPicture" runat="server"> <ItemTemplate> <dl class=""> <dt><a href=""> ' /></a></dt> </dl> </ItemTemplate> </asp:Repeater> </div> </div> </div> <script type="text/javascript"> movec();</script>
JavaScript code:
// Selector function $ A (ID, tag) {var Re = (ID & typeof ID! = "String ")? ID: Document. getelementbyid (ID); If (! Tag) {return re;} else {return re. getelementsbytagname (TAG) ;}// click the moving function movec () {var o = $ A ("bd1lfimg", "") in the focus scroll chart ",""); vaR Oli = $ A ("bd1lfimg", "DL"); var oliw = Oli [0]. offsetwidth; // The width of each move var ow = O. offsetWidth-2; var dnow = 0; // current location var OLF = oliw-(ow-oliw + 10)/2; O ["scrollleft"] = OLF + (dnow * oliw); var rqbd = $ A ("bd1lfsj", "Ul") [0]; var extime; <! -- For (VAR I = 1; I <Oli. length; I ++) {rqbd. innerhtml + = "<li>" + I + "</LI>" ;}--> var RQ = $ A ("bd1lfsj", "Li "); for (VAR I = 0; I <RQ. length; I ++) {Reg (I) ;}; Oli [dnow]. classname = RQ [dnow]. classname = "show"; var wwww = setinterval (Uu, 2000); function Reg (I) {RQ [I]. onclick = function () {Oli [dnow]. classname = RQ [dnow]. classname = ""; dnow = I; Oli [dnow]. classname = RQ [dnow]. classname = "show"; mV () ;}} function mV () {clearinterval (extime); clearinterval (Wwww); extime = setinterval (BC, 15); wwww = setinterval (Uu, 8000);} function BC () {var NS = (dnow * oliw + OLF) -O ["scrollleft"]); var v = ns> 0? Math. ceil (NS/10): math. floor (NS/10); O ["scrollleft"] + = V; If (V = 0) {clearinterval (extime); Oli [dnow]. classname = RQ [dnow]. classname = "show"; V = NULL ;}} function UU () {If (dnow <Oli. length-2) {Oli [dnow]. classname = RQ [dnow]. classname = ""; dnow ++; Oli [dnow]. classname = RQ [dnow]. classname = "show";} else {Oli [dnow]. classname = RQ [dnow]. classname = ""; dnow = 0; Oli [dnow]. classname = RQ [dnow]. classname = "show";} mV ();} o. onmouseover = function () {clearinterval (wwww);} o. onmouseout = function () {extime = setinterval (BC, 15); wwww = setinterval (Uu, 8000 );}}