又一款鼠标经过弹出下拉菜单特效-JS特效-爱易网页

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

日期：2014-05-18　浏览次数：20346 次

以下是程序代码

<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.aiyiweb.com/">爱易网</a>
<ul class="subuls" style="width: 15em">
<li><a href="http://www.aiyiweb.com">网站首页</a></li>
<li><a href="http://cool.aiyiweb.com">酷站欣赏</a></li>
<li><a href="http://js.aiyiweb.com">网页特效</a></li>
</ul>
</li>
</ul>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

科技巨匠体验谷歌眼镜：戴上了就不想摘上去

百度吴恩达：图像和音视频搜索是人工智能新方向

流浪汉高考状元终于找到工作：月薪3000做程序员很满意

O2O成"唐僧肉"：百度糯米抢食第一口令阿里腾讯颤抖

虚拟运营商前路迷茫业界建议发力车联网

特斯拉将获上海免费牌照充电桩面临双重标准

CSS控制字符长度和显示长度

《归来》遭视频网盗播乐视网状告小米盒子侵权

网友爆料称微软雇水军宣传主机Xbox One

网站建设一条龙做网站网站制作网站定制企业网站设计特价

推荐阅读更多>