當前位置:編程學習大全網 - 源碼下載 - 怎麽用js和css做壹個滑動折疊的菜單?

怎麽用js和css做壹個滑動折疊的菜單?

下面代碼就是妳要的效果!具體樣式再根據妳的需要進行修改就可以:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "pared"

href="#">em sized

images</A> </DD>

</DL><!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->

<LI><!--[if lte IE 6]><A

href="#">

<TABLE>

<TBODY>

<TR>

<TD><![endif]-->

<DL class=gallery>

<DT><A

href="#">MENUS</A>

<DD><A title="a coded list of spies"

href="#">spies menu</A>

<DD><A title="a horizontal vertical menu"

href="#">vertical

menu</A>

<DD><A title="an enlarging unordered list"

href="#">enlarging

list</A>

<DD><A title="an unordered list with link images"

href="#">link

images</A>

<DD><A title="non-rectangular links"

href="#">non-rectangular

links</A>

<DD><A title="jigsaw links"

href="#">jigsaw

links</A>

<DD><A title="circular links"

href="#">circular

links</A> </DD>

</DL><!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->

<LI><!--[if lte IE 6]><A

href="#">

<TABLE>

<TBODY>

<TR>

<TD><![endif]-->

<DL class=gallery>

<DT><A

href="#">LAYOUTS</A>

<DD><A title="Cross browser fixed layout"

href="#">Fixed

1</A>

<DD><A title="Cross browser fixed layout"

href="#">Fixed 2</A>

<DD><A title="Cross browser fixed layout"

href="#">Fixed 3</A>

<DD><A title="Cross browser fixed layout"

href="#">Fixed 4</A>

<DD><A title="A simple minimum width layout"

href="#">minimum

width for Internet Explorer</A> </DD>

</DL><!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->

<LI><!--[if lte IE 6]><A

href="#">

<TABLE>

<TBODY>

<TR>

<TD><![endif]-->

<DL class=gallery>

<DT><A

href="#">MOZILLA</A>

<DD><A title="A drop down menu"

href="#">drop

down menu</A>

<DD><A title="A cascading menu"

href="#">cascading

menu</A>

<DD><A title="Using content:"

href="#">content:</A>

<DD><A title=":hover applied to a div"

href="#">mozzie

box</A>

<DD><A title="I can build a rainbow"

href="#">rainbow

box</A>

<DD><A title="Snooker cue"

href="#">snooker

cue made using border art</A>

</DL><!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]--></LI></UL></DIV>

</BODY></HTML>

  • 上一篇:北極熊為什麽能在北極生活呢?原因有哪些?請具體點!急用!!!
  • 下一篇:華三msr5600路由器價格表
  • copyright 2024編程學習大全網