<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br/> <HTML xmlns = "http://www.w3.org/1999/xhtml"> <br/> <pead> <br/> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "/> <br/> <title> untitled document </title> <br/> <MCE: style type =" text/CSS "> <! -- <Br/> # Div {<br/> position: absolute; <br/> left: 81px; <br/> top: 11px; <br/> width: 300px; <br/> Height: 400px; <br/> Z-index: 0; <br/> border: solid 0px purple; <br/> display: none; <br/>}< br/> --> </MCE: style> <style type = "text/CSS" mce_bogus = "1"> # Div {<br/> position: absolute; <br/> left: 81px; <br/> top: 11px; <br/> width: 300px; <br/> Height: 400px; <br/> Z-index: 0; <br/> border: solid 0px purple; <br/> display: N One; <br/>}</style> <br/> <MCE: Script Type = "text/JavaScript"> <! -- <Br/> function opendiv () <br/> {<br/> var DDD = document. getelementbyid ("Div"); <br/> DDD. style. display = "Block"; </P> <p> var photos = ""; <br/> for (VAR I = 1; I <= 100; I ++) <br/> {<br/> photos + = ' '<br/> photos + =" & nbsp "; <br/>}</P> <p> DDD. innerhtml = photos; <br/> DDD. scrollintoview (); <br/>}< br/> function CK (v) <br/>{< br/> document. getelementbyid ("Div "). style. display = "NONE"; <br/> document. getelementbyid ("IMG "). src = "images/" + V + ". BMP "; <br/>}< br/> // --> </MCE: SCRIPT> <br/> </pead> </P> <p> <body> <br/> <Div id = "Div"> </P> <p> </div> <br/> <br/> <p> </P> <br/> <p> </P> <br/> <p> </P> <br/> <p> <br/> <label> <br/> <input type = "button" name = "Submit" value =" select Avatar "onclick =" opendiv () "/> <br/> </label> <br/> </P> <br/> </body> <br/> </ptml> <br/>