css设置的下拉菜单代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

热点推荐: 英文字体人民币汇率
dw插件站长常用软件
alexa排名查询

您的位置: 网页特效 -> 图层样式 -> css设置的下拉菜单代码

css设置的下拉菜单代码

作者:css设置的下拉菜单代码发布时间:2007-11-11 5:19:25 发布人: admin

大量JS网页广告代码<a href="http://web.archive.org/web/20110425082527/http://ad.jz123.cn/">演示下载中心</a><br>

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
border: 1px solid black;
background-color: #FFEEC6;
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: lightyellow;
border: 1px solid black;
}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

</style>

<li class="mainitems">
<a href="http://web.archive.org/web/20110425082527/http://www.jz123.cn/">CSS Gallery</a>
<ul class="subuls">
<li><a href="">Gordon Mac</a></li>
<li><a href="">Juiced Thoughts</a></li>
<li><a href="">The Daily Flight</a></li>
<li><a href="">GrapeFruit</a></li>
</ul>
</li>

<li class="mainitems">
<a href="http://web.archive.org/web/20110425082527/http://www.jz123.cn/">CSS Examples</a>
<ul class="subuls" style="width: 15em">
<li><a href="">CSS2 Generated Content</a></li>
<li><a href="">Custom scrollbar colors</a></li>
<li><a href="">Markerless and "no indent" Lists</a></li>
</ul>
</li>

</ul>

<a href="http://web.archive.org/web/20110425082527/http://www.jz123.cn//">欢迎访问中国建站之家网页特效集</a>

css设置的下拉菜单代码

将本文收藏到QQ书签与更多好友分享

上一篇：文章：CSS制作的导航菜单代码下一篇：文章：兰色背景变换的CSS导航菜单

网页特效

css设置的下拉菜单代码

本类浏览排行 »

本站推荐文章 »