第7课 竖直菜单(下)
本节课继续昨天的课程,介绍竖直排列的菜单效果。本节课中实现的带有箭头的菜单效果非常有趣,两侧的箭头是不使用图像,而完全通过CSS代码实现的,在昨天课程的基础上,读者可以自己考虑一下,能不能想出制作方法呢?
本节课时长10分55秒,下载文件21兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() 了解详细说明 |
本节课继续昨天的课程,介绍竖直排列的菜单效果。本节课中实现的带有箭头的菜单效果非常有趣,两侧的箭头是不使用图像,而完全通过CSS代码实现的,在昨天课程的基础上,读者可以自己考虑一下,能不能想出制作方法呢?
本节课时长10分55秒,下载文件21兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
这篇文章发表于 2007年12月03日 星期一 7:00 am,并被分类于CSS导航设计。 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论。 您可以对这篇文章发表一条评论,或者在您自己的网站中引用 (Trackback) 它。
前沿视频教室的内容版权属于北京前沿科技,http://www.artech.cn。Copyright 2006-2011
本网站使用了 WordPress
2.2
中文版 。





温老师:怎么我用了overfow:hidden就没边框了啊,height:0;width:0;就里汪设0就有
#aa{
border:1px solid #ccc;
padding:4px;
background:#fff;
position:relative;
width:130px;
}
#aa span{
display:block;
position:absolute;
height:0;
width:0;
border:solid 8px #ddd;
top:4px;
overflow:hidden
}
#aa span.left{
border-left-color:#aaa;
left:8px;
}
dddd
第七课 垂直菜单下没法播放,昨天晚上看的还好好的,麻烦温老师看看
温老师,这段视频我看了好几遍还是不清楚滑动门技术?搜索了些文章但是不得其所,滑动门这块怎么学习呢
那里有这个css的原文件
大海 ,
您好,抱歉这些视频文件和案例都是书上的案例,我们作为作者和出版社有合同约束,不能提供下载,如果方便,请买一本书,支持一下很多为了此书付出过努力的人吧?
谢谢!