一个让下拉列表图层浮动在视频层上面的特效案例-JS特效-爱易网页

一个让下拉列表图层浮动在视频层上面的特效案例

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

以下是程序代码

.nav { height:40px; line-height:40px; position:relative; z-index:20}
.navCon { width:300px; text-align:center; font-size:14px;}
.navCon .sTit { display:block; height:40px; overflow:hidden}
.navCon ul { display:none; position:absolute; top:40px; left:0; background:#fff; width:300px;}
.navCon ul li { line-height:20px; height:20px; overflow:hidden; width:100%; float:left}
.navCon:hover ul { display:block}

.videoCon { position:relative; z-index:10; padding:20px 0 0 0;}

</style>

<div class="nav">
 <div class="navCon">
     <span class="sTit">鼠标放这里查看效果</span>
        <ul class="clearfix">
         <li>图层浮动在视频层的上面</li>
            <li>12313123</li>
            <li>12313123</li>
            <li>12313123</li>
            <li>12313123</li>
            <li>12313123</li>
        </ul>
    </div>
</div>

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

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

一个让下拉列表图层浮动在视频层上面的特效案例

相关资料更多>

推荐阅读更多>