Good Image switching demonstration effect
CopyCode The Code is as follows: <! Doctype HTML public "-// W3C // dtd xhtml 1.1 // en" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> script home-www.jb51.net </title>
<SCRIPT type = "text/JavaScript" src = "mootools. js"> </SCRIPT>
<Link href = "imagemenu.css" rel = "stylesheet" type = "text/CSS"/>
<SCRIPT type = "text/JavaScript" src = "imagemenu. js"> </SCRIPT>
</Head>
<Body>
<Div id = "kwick">
<Ul class = "kwicks">
<Li class = "kwick opt1"> <span> 1 </span> </LI>
<Li class = "kwick opt2"> <span> 2 </span> </LI>
<Li class = "kwick opt3"> <span> 3 </span> </LI>
<Li class = "kwick opt4"> <span> 4 </span> </LI>
<Li class = "kwick opt5"> <span> 5 </span> </LI>
</Ul>
</Div>
<SCRIPT type = "text/JavaScript">
VaR mymenu;
Window. onload = load_var
Function load_var (){
If (imagemenu) {mymenu = new imagemenu ($ ('# kwick. kwick'), {OpenWidth: 200}); return}
Else setTimeout ("load_var ()", 30)
}
</SCRIPT>
<Br/>
<A href = http://www.jb51.net/> foot home </a>
</Body>
</Html>
Demo:
Http://www.jb51.net/test/picslide/