<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN"> <Html> <Head> <Base href = "<% = basePath %>"> <Title> My JSP 'index. jsp 'starting page </title> <Meta http-equiv = "pragma" content = "no-cache"> <Meta http-equiv = "cache-control" content = "no-cache"> <Meta http-equiv = "expires" content = "0"> <Meta http-equiv = "keywords" content = "keyword1, keyword2, keyword3"> <Meta http-equiv = "description" content = "This is my page"> <! -- <Link rel = "stylesheet" type = "text/css" href = "styles.css"> --> <Style type = "text/css"> /* Updown */ # Shangxia {position: fixed; top: 60%; right: 50%; margin-right:-543px; display: block; _ display: none} # Shang, # comt, # xia {background: url (images/sprite.png) no-repeat; position: relative; cursor: pointer; height: 25px; width: 29px; margin: 10px 0 0} # Shang {background-position: 0-308px} # comt {background-position: 0-338px; height: 32px} # xia {background-position: 0-376px} # Comt: hover {background-position:-31px-338px} # shang: hover {background-position:-31px-308px} # xia: hover {background-position: -31px-376px} /* Archive */ </Style> /// The internal style is above and there is an external style above. If you do not use an internal style, you can introduce an external style. <Script type = "text/javascript" src = "http://code.jquery.com/jquery-1.10.1.min.js"> </script> <Script type = "text/javascript" src = "http://code.jquery.com/jquery-migrate-1.2.1.min.js"> </script> <Script type = "text/javascript" src = "js/updown/devework. js"> </script> </Head> <Body> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 1 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <P> 333 </p> <Div id = "shangxia"> <Div id = "shang" title = "returns to top"> </div> <Div id = "comt" title = "the sofa hasn't been snatched yet"> </div> <Div id = "xia" title = "move to bottom"> </div> </Div> </Body> </Html> |