注册 | 登陆

您的位置：阿里西西 > 网页特效 > 导航菜单 > 详细内容

2顶

又一款鼠标经过弹出下拉菜单特效

稿源：互联网 2022-07-01 11:34:51 点击： 2944 撤稿纠错

鼠标经过链接时，弹出下拉菜单，可自定义样式。

以下讨论的是和相关的又一款鼠标经过弹出下拉菜单特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<style type="text/css">
#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>
<script type="text/javascript"><![CDATA[//><!]]>
</script>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<ul id="cssdropdown">
<li class="mainitems">
<a href="http://www.zzjs.net">站长特效网</a>
<ul class="subuls">
<li><a href="<#ZC_BLOG_HOST#>?cat=1">zzjs</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=2">网页特效</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=11">广告代码</a></li>
<li><a href="<#ZC_BLOG_HOST#>">RSS订阅</a></li>
</ul>
</li>
<li class="mainitems">
<a href="http://www.alixixi.com/">阿里西西</a>
<ul class="subuls" style="width: 15em">
<li><a href="http://www.alixixi.com">网站首页</a></li>
<li><a href="http://cool.alixixi.com">酷站欣赏</a></li>
<li><a href="http://js.alixixi.com">网页特效</a></li>
</ul>
</li>
</ul>

关于又一款鼠标经过弹出下拉菜单特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016338662758.shtml方便下次再访问哦。

·上一篇： 精美蓝色背景导航菜单
·下一篇： 纯css打造的导航菜单

相关阅读

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

最新游戏

更多 »

最新新闻

更多 »