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
  • 相关阅读:
    抽象类中可以存在的成员
    读暗时间后感
    使用正则表达式限制QLineEdit不能输入大于某个整数
    QSharedMemory 使用
    BUUCTF-misc九连环 详解
    BUUCTF-数据包中的线索 1
    BUUCTF-Windows系统密码
    [CISCN2019 华北赛区 Day2 Web1]Hack World 1详解
    [ZJCTF 2019]NiZhuanSiWei 1详解
    BUUCTF [BJDCTF2020]Easy MD5 详解
  • 原文地址:https://www.cnblogs.com/zerogo/p/2375451.html
Copyright © 2011-2022 走看看