不错的图片切换演示效果
复制代码 代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<TITLE>查字典教程网-www.jb51.net</TITLE>
<scripttype="text/javascript"src="mootools.js"></script>
<linkhref="imageMenu.css"rel="stylesheet"type="text/css"/>
<scripttype="text/javascript"src="imageMenu.js"></script>
</head>
<body>
<divid="kwick">
<ulclass="kwicks">
<liclass="kwickopt1"><span>1</span></li>
<liclass="kwickopt2"><span>2</span></li>
<liclass="kwickopt3"><span>3</span></li>
<liclass="kwickopt4"><span>4</span></li>
<liclass="kwickopt5"><span>5</span></li>
</ul>
</div>
<scripttype="text/javascript">
varmyMenu;
window.onload=load_var
functionload_var(){
if(ImageMenu){myMenu=newImageMenu($$('#kwick.kwick'),{openWidth:200});return}
elsesetTimeout("load_var()",30)
}
</script>
<br/>
<ahref=http://www.jb51.net/>查字典教程网</a>
</body>
</html>
演示:
http://www.jb51.net/test/picslide/