本文实例讲述了javascript实现超炫的向上滑行菜单。分享给大家供大家参考。具体如下：
JS实现文字上下滑动导航 body { margin:0; background:#66FF99; } ul { padding-left:0; margin:0; } li { list-style:none; } #nav { height:40px; background:#900; margin-top:50px; } #nav ul { width:240px; height:40px; margin:0 auto; } #nav li {height:40px; width:240px;} #nav a { float:left; width:240px;position:relative; height:40px; overflow:hidden; font-size:14px; color:#e0e03a; text-decoration:none; cursor:pointer; } #nav strong { float:left;width:240px; } #nav span { float:left;width:200px; padding:0 20px; height:40px; line-height:40px; background:#900; clear:both; white-space:nowrap;} #nav .active,#nav .current span { background:#600; color:#fff; } #nav .current .active { color:#e0e03a; }
- 首页 首页
- 前端开发课程 前端开发课程
- 妙味视频教程 妙味视频教程
- 周末班上课安排 周末班上课安排
- 结课标准 结课标准
- 联系妙味 联系妙味
希望本文所述对大家的javascript程序设计有所帮助。
