Slides, slides

Slides, slides

One-round playback timing

<Style type = "text/css"> # dw_JS_huanDeng_2 {margin: 0 auto; width: 1100px; position: relative; z-index: 5 ;}# JS_HDmenu_2 {position: absolute; top: 300px; z-index: 4;} ol, ul {list-style: none;} # JS_HDmenu_2 li {float: left; width: 12px; height: 12px; margin: 0 5px; border-radius: 6px; cursor: pointer; background-color: # A79B9B;} # JS_HDmenu_2 li: hover {background-color: red;} # JS_huanDeng_2 {Margin: 0px auto 0 auto; position: relative; height: 320px; overflow: hidden;} # JS_huanDeng_2 div, # JS_huanDeng_2 a {display: block; width: 100%; height: 100% ;}# JS_huanDeng_2 div {position: absolute; z-index: 4 ;}</style> <script src = "_ PUBLIC _/H/js/jquery. min. js "> </script> <! -- // Slide --> <div class = "JS_huanDeng_2_bg"> <div id = "dw_JS_huanDeng_2"> <ul id = "JS_HDmenu_2"> </ul> </div> <div id = "JS_huanDeng_2"> $ va. content} "> $ va. content}) center top no-repeat # fff; "> </a> </div> </volist> </div> <! -- Homepage slideshow [] start --> <script type = "text/javascript"> for (var I = 0; I <$ ("# JS_huanDeng_2 div "). length; I ++) {$ ('# JS_HDmenu_2 '). append ("<li> </li>");} // alert ($ ('# JS_HDmenu_2 '). width (); var ml = (1100-$ ('# JS_HDmenu_2 '). width ()/2; // alert (ml); values ('{js_hdmenu_2'}.css ('left', ml + 'px'); $ ('# JS_huanDeng_2 div '). eq (0 ). show (). siblings (). hide (); var I = 0; var timeId = setInterval ("autoChange ()", 3000); $ (' # JS_HDmenu_2 li '). mouseover (function () {clearInterval (timeId); var I = $ (this ). index (); $ ('# JS_huanDeng_2 div '). eq (I ). fadeIn (). siblings (). fadeOut () ;}) $ ('# JS_HDmenu_2 li '). mouseout (function () {timeId = setInterval ("autoChange ()", 3000) ;}); function autoChange () {I ++; if (I> $ ('# JS_huanDeng_2 div '). length) {I = 0 ;}$ ('# JS_huanDeng_2 div '). eq (I ). fadeIn (). siblings (). fadeOut () ;}</script> <! -- Homepage slideshow [] end -->