<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Strict // EN" Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd> <Html xmlns = "http://www.w3.org/1999/xhtml"> <Head> <Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"> <Title> layer shrinkage </title> <Script type = "text/javascript"> Var mh = 30; // height Var step = 1; // The amount of changes each time Var MS = 10; // cycle time Function toggle (o ){ If (! O. tid) o. tid = "_" + Math. random () * 100; If (! Window. toggler) window. toggler = {}; If (! Window. toggler [o. tid]) { Window. toggler [o. tid] = { Obj: o, MaxHeight: o. offsetHeight, MinHeight: mh, Timer: null, Action: 1 }; } O. style. height = o. offsetHeight + "px "; If (window. toggler [o. tid]. timer) clearTimeout (window. toggler [o. tid]. timer ); Window. toggler [o. tid]. action * =-1; Window. toggler [o. tid]. timer = setTimeout ("anim ('" + o. tid + "')", MS ); } Function anim (id ){ Var t = window. toggler [id]; Var o = window. toggler [id]. obj; If (t. action <0 ){ If (o. offsetHeight <= t. minHeight ){ ClearTimeout (t. timer ); Return; } } Else { If (o. offsetHeight> = t. maxHeight ){ ClearTimeout (t. timer ); Return; } } O. style. height = (parseInt (o. style. height, 10) + t. action * step) + "px "; Window. toggler [id]. timer = setTimeout ("anim ('" + id + "')", MS ); } </Script> <Style type = "text/css"> Div. xx { Border: solid 1px; overflow: hidden; } Div. xx h5 { Border: solid 1px; border-width: 0 0 1px; Padding: 0; margin: 0; height: 28px; Line-height: 30px; cursor: pointer; Background: # eee; } </Style> </Head> <Body> <Div class = "xx"> <P> the configuration video tutorial of Tomat6.0 is in the AVI movie format, which is more appropriate than the tutorial of the graphic version, Users who do not configure Tomcat should not miss it. video capturing is troublesome, I tried it multiple times but I still caught a hard job. You will do it. </P> </Div> </Body> </Html> |