第7课 竖直菜单(上)
在上一节课中,介绍了简单的菜单制作方法。这节课来进行一些扩展——制作几个竖直排列的菜单效果。
本节课时长11分7秒,下载文件16.6兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() 了解详细说明 |
在上一节课中,介绍了简单的菜单制作方法。这节课来进行一些扩展——制作几个竖直排列的菜单效果。
本节课时长11分7秒,下载文件16.6兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
这篇文章发表于 2007年11月30日 星期五 7:00 am,并被分类于CSS导航设计。 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论。 您可以对这篇文章发表一条评论,或者在您自己的网站中引用 (Trackback) 它。
前沿视频教室的内容版权属于北京前沿科技,http://www.artech.cn。Copyright 2006-2011
本网站使用了 WordPress
2.2
中文版 。






看了视频,我就不明白三角形那个SPAN ID=RIGHT 为什么会显示在右侧,而不是左侧?
[…] 第6 课 链接与导航 第 7课 竖直菜单(上) 第 7课 竖直菜单(下) 第 8课 水平菜单 第 9课 […]
[…] 第6 课 链接与导航 第 7课 竖直菜单(上) 第 7课 竖直菜单(下) 第 8课 水平菜单 第 9课 […]
学习的好地方。
能不能不用代码啊
哎呀,发上来就变成网页状态了昂,我说的是多了一组body /body。其实例子当中是两组的,但去掉一组,整体就会向左偏移。请问是什么缘故?
北方浪子,
抱歉,我没理解您的意思,您在详细说明一下吧?
温老师,
你好!
我在实践导航制作的时候发现,在代码的内容中,多了一套请见以下代码:
Home
East
West
North
South
但去掉一组,发现好像整体偏左了。这是为什么?
北方浪子 ,
我们这里的留言簿支持HTML代码,如果要讨论代码,请到我们的论坛吧:
http://talking.artech.cn/thread-178-1-1.html
我还是不理解,当把边框设的比较宽的时候,接角的地方就会出现45度斜角,是不是由于设置了0.5em的缘故呢,边框变宽了和斜角又有什么关系了,盒子模型我也理解了,为什么我就是看不懂这个呢?
峰峰,
你有没有琢磨过,木头的镜框相邻边接角处,是怎么接到一起的?是不是各做一个45度的斜边,然后粘在一起?
这里的情况完全一样的。
难道4个边框的时候,边框自动变成斜角的了。是这个45度怎么形成的没理解
峰峰,
如果边框比较宽的时候,自然就产生这个45度的斜边了,这是浏览器负责的事情。 如果相邻边框颜色相同,这个斜角就看不出来了,如果不同颜色,这个斜角就看出来了,我们的例子就是利用这个特性实现的效果。
OK现在终于理解了。原来是自然形成的嘛!
峰峰,
是啊~~~~就是这样,一身汗~~
老师你好啊!我的意思那个45度斜边是怎么产生的,边框不是都是直的嘛!我真笨呀!
峰峰 ,
呵呵,您……您……确实……有点那个了:)
怎么跟你解释呢?你家里没有用过木头镜框,挂个你的照片、奖状之类的东西吗?
那种镜框的横边和竖边接角的地方,是怎么粘到一起的?是不有分别45度切一刀,然后拼在一起,形成一个斜边呢?
这个道理我知道,我不知道它是浏览器因为宽度变宽,自然形成的。
温老师你好
我比较笨这个双斜角横线菜单还是不理解怎么出现斜角的
还有那个两边三角型菜单也是一样的不理解
静,
当把边框设的比较宽的时候,接角的地方就会出现45度斜角,利用它就可以做出这个效果了。
想想一个木头镜框的接角处是什么样的。
温老师明白了哈哈!!
很简单的问题我竟想了好几天,我实际操作的比较少不懂就一个尽的去想以后还是要多操作。
很谢谢你可爱的温老师呵呵!!
静,
祝贺!只有真正想明白了,才是真的有用的东西。
真不错的网站,我要继续学习!感谢老师们的辛苦劳动!敬礼!为了对你们的坦诚表示敬意,打算买本书看看。
西方,
谢谢您的支持和鼓励!学习中遇到问题,欢迎来这里交流!
呵呵!感觉很好呀,怎么说呢在没看到这之前就是看人家做好的自己模仿,然后是看有关的书,但到了自己动手做了,感觉….呵呵 做了一半忽然间看到了您的讲解,我感觉豁然开朗,好多之前模糊不清的概念,听完后,感觉真的很好!很感谢您了!辛苦了 谢谢了 呵呵
qbf,
您说得对,CSS这个东西一定要先把一些基础概念真正理解透彻,做起来才能自如,看来您确实体会到了,加油!
你好,我不明白彻底研究7.2章节的双斜角横线菜单的斜角是如何产生的….可以具体详细一点回答吗?看了几遍视频和书里的内容.我还没搞清楚-_-?
iyni,
你是不是没有从头开始学习,而是只看了这一个例子?
如果从头开始看,把CSS的几个基本核心原理搞懂之后,再看这个就很容易懂了。书里已经讲得很详细了,这里一两句话更说不清了。
学习CSS的特点就是,千万先把CSS的4大核心基础搞懂:盒子模型、标准刘、浮动、定位。
老师说得对啊!偶就是因为前面的基础没有好好的认真理解,结果学到后面的内容就变得难理解了…
现在偶又要重新回头复习前面的基础内容了.囧
谢谢老师我明白了,原来很简单.我会把四大核心背熟研究清楚.
iyni,
好啊,加油,欢迎来交流!
看了老师的讲解,真的感觉如释重负,很爽。豁然开朗,之前自己看DW,用布局做真的好难把表格处理好,还有效果也很难。现在看了你的我决定买本书看,感谢温老师