zoukankan      html  css  js  c++  java
  • 纯css下拉菜单,可以设置下拉菜单为多列

    http://www.corange.cn//uploadfiles/20120226144630_38759.jpg

    演示地址:http://www.corange.cn/demo/3806/index.html 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 

    <HTML><HEAD> 

    <META http-equiv=Content-Type content=text/html;CHARSET=utf-8> 


    <LINK href="styles.css" 
    type=text/css rel=stylesheet> 

    <DIV class=menu-bar> 
    <UL class=main-menu> 
    <LI class=topLevel style="WIDTH: 139px"><A 
    href="engagement-rings-wedding/566/">BRIDAL 
    GALLERY</A> 
    <DIV class=sub-menu> 
    <TABLE> 
    <TBODY> 
    <TR> 
    <TD vAlign=top> 
    <UL> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-engagement-rings_76/" 
    nowrap>Engagement&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-wedding-sets_82/" 
    nowrap>Wedding&nbsp;Sets</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-multi-stone_261/" 
    nowrap>Multi&nbsp;Stone&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-three-stone_137/" 
    nowrap>Three&nbsp;Stone&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-solitaire_78/" 
    nowrap>Solitaire&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-engagement-rings_76/sts-round_686/" 
    nowrap>Round&nbsp;Diamonds</A> </LI></UL></TD> 
    <TD vAlign=top> 
    <UL> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-engagement-rings_76/sts-princess_687/" 
    nowrap>Princess&nbsp;Diamonds</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-engagement-rings_76/sts-marquise_689/" 
    nowrap>Marquise&nbsp;Diamonds</A> 
    <LI class=sub-menu-li nowrap><A 
    href="wedding-rings/524/" 
    nowrap>Wedding&nbsp;Bands</A> 
    <LI class=sub-menu-li nowrap><A 
    href="anniversary-jewelry/449/" 
    nowrap>Anniversary&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-engagement-rings_76/so-bestsellers/" 
    nowrap>Top&nbsp;Selling</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-engagement-rings_76/so-ratings_i.avgRating%20DESC/" 
    nowrap>Top&nbsp;Rated</A> </LI></UL></TD></TR></TBODY></TABLE></DIV></LI> 
    <LI class=topLevel style="WIDTH: 77px"><A 
    href="rings/19/">RINGS</A> 
    <DIV class=sub-menu> 
    <TABLE> 
    <TBODY> 
    <TR> 
    <TD vAlign=top> 
    <UL> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/s-diamond_63/g-for-her_151+338/" 
    nowrap>Diamond&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/s-gemstone_~63+~66+~452+~363+~58+~64+~483/" 
    nowrap>Gemstone&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/sc-promise_84/" 
    nowrap>Promise&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/sc-colored-diamonds_259/" 
    nowrap>Colored&nbsp;Diamond&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-engagement-rings_76/" 
    nowrap>Engagement&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="sc-wedding-sets_82/" 
    nowrap>Wedding&nbsp;Sets</A> </LI></UL></TD> 
    <TD vAlign=top> 
    <UL> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/sc-anniversary_138/" 
    nowrap>Anniversary&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="wedding-rings/524/" 
    nowrap>Wedding&nbsp;Bands</A> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/m-sterling-silver_211/" 
    nowrap>Sterling&nbsp;Silver&nbsp;Rings</A> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/so-bestsellers/" 
    nowrap>Top&nbsp;Selling</A> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/so-ratings_i.avgRating%20DESC/" 
    nowrap>Top&nbsp;Rated</A> 
    <LI class=sub-menu-li nowrap><A 
    href="c-rings_35/so-newest_i.id%20DESC/" 
    nowrap>Newest</A> </LI></UL></TD></TR></TBODY></TABLE></DIV></LI> 




    </UL></DIV> 

    </BODY></HTML> 

    原文地址:http://www.corange.cn/archives/2012/02/3806.html
  • 相关阅读:
    FZU 2112 并查集、欧拉通路
    HDU 5686 斐波那契数列、Java求大数
    Codeforces 675C Money Transfers 思维题
    HDU 5687 字典树插入查找删除
    HDU 1532 最大流模板题
    HDU 5384 字典树、AC自动机
    山科第三届校赛总结
    HDU 2222 AC自动机模板题
    HDU 3911 线段树区间合并、异或取反操作
    CodeForces 615B Longtail Hedgehog
  • 原文地址:https://www.cnblogs.com/zerogo/p/2375451.html
Copyright © 2011-2022 走看看