纯css下拉菜单,可以设置下拉菜单为多列
来源:互联网 发布:造梦西游3瘴气源码 编辑:程序博客网 时间:2024/06/05 08:41
演示地址: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 Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-wedding-sets_82/"
nowrap>Wedding Sets</A>
<LI class=sub-menu-li nowrap><A
href="sc-multi-stone_261/"
nowrap>Multi Stone Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-three-stone_137/"
nowrap>Three Stone Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-solitaire_78/"
nowrap>Solitaire Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/sts-round_686/"
nowrap>Round 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 Diamonds</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/sts-marquise_689/"
nowrap>Marquise Diamonds</A>
<LI class=sub-menu-li nowrap><A
href="wedding-rings/524/"
nowrap>Wedding Bands</A>
<LI class=sub-menu-li nowrap><A
href="anniversary-jewelry/449/"
nowrap>Anniversary Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/so-bestsellers/"
nowrap>Top Selling</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/so-ratings_i.avgRating%20DESC/"
nowrap>Top 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 Rings</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/s-gemstone_~63+~66+~452+~363+~58+~64+~483/"
nowrap>Gemstone Rings</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/sc-promise_84/"
nowrap>Promise Rings</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/sc-colored-diamonds_259/"
nowrap>Colored Diamond Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/"
nowrap>Engagement Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-wedding-sets_82/"
nowrap>Wedding 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 Rings</A>
<LI class=sub-menu-li nowrap><A
href="wedding-rings/524/"
nowrap>Wedding Bands</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/m-sterling-silver_211/"
nowrap>Sterling Silver Rings</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/so-bestsellers/"
nowrap>Top Selling</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/so-ratings_i.avgRating%20DESC/"
nowrap>Top 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
- 纯css下拉菜单,可以设置下拉菜单为多列
- 纯CSS下拉菜单
- 纯CSS下拉菜单
- 纯CSS下拉菜单
- 纯css下拉菜单
- 纯css下拉菜单
- 纯CSS下拉菜单
- 纯CSS的下拉菜单
- 纯css下拉菜单详解
- 纯css实现下拉菜单
- 纯CSS下拉菜单代码
- 创建纯css下拉菜单
- 纯css 实现下拉菜单
- 纯css打造下拉菜单
- 纯css 二级下拉菜单
- 纯css下拉菜单2
- 纯CSS仿经典下拉菜单代码
- 纯CSS仿经典下拉菜单
- 基于CAB和SCSF设计智能客户端(一)翻译
- MySql的管理心得
- MYSQL常用命令(二)---带例子
- 推荐:每个人都需要成长,在线阅读《敏捷个人-认识自我,管理自我 V0.5.pdf》
- 淡定的人生不寂寞
- 纯css下拉菜单,可以设置下拉菜单为多列
- Net性能优化总结
- (mysql)Foreign key的使用 InnoDB
- Eclipse设定文件的默认打开方式
- schedule()函数(重点)
- source insight 用法
- 如何安装消息队列(MSMQ)
- Android: HttpClient与Webview共享cookies
- 批量替换文本内容-PHP操作文件方法