当前位置:首页 > 文章评论 > 评论内容

第四天 纵向导航菜单及二级弹出菜单

共有 184 位网友发表了评论 我要评论..
wpjwpj123(61.158.*.*) 发表于:2014-05-17 09:49:59
最新CSS视频教程;http://blog.sina.com.cn/qingfengwangluo
student(183.24.*.*) 发表于:2014-05-15 16:15:01
如果能解析一下js就好了~
HCH555NO(14.211.*.*) 发表于:2014-03-25 23:50:03
你好啊!我不知道为什么,我做的纵向二级弹出总是被傍边的JS图片切换特效区域遮挡!求伯乐指点下这匹笨马!
HCH555NO(14.211.*.*) 发表于:2014-03-25 23:46:40
你好啊!问问各位师父,css纵向的二级菜单总是被傍边的JS图片切换特效区域遮挡,希望有伯乐指点一下
HCH555NO(14.211.*.*) 发表于:2014-03-25 22:12:28
你好!我想问下,就是我直接新建一个html页面做就可以做出这样子的效果,到时真正到在我做得网页的导航地方就无法做到此效果,二级菜单直接在一级菜单下面显示,是不是导航栏的大小规定了,就无法做到鼠标经过弹出二级菜单?导航的宽度要做到一级跟二级的宽度加起来的宽度!求解决,我在做毕业设计
68zch(219.237.*.*) 发表于:2014-01-06 15:53:05
文章不错 看得很明白 谢谢站长
tangming(202.100.*.*) 发表于:2013-11-02 16:31:19
老师,如何让下拉菜单不要位于右方,而是位于下方啊?
lovecs678(120.35.*.*) 发表于:2013-06-25 16:25:40
我的思路是直接用JS修改父级li标签的class名为什么样式表中 .current ul{display:block;list—style:none;margin:0px;padding:0px;}这样就不行啊,li.current ul{...}这样可以
blackhair(58.58.*.*) 发表于:2013-06-21 15:07:52
教程很好,谢谢分享,之前有点基础。好多年没接触了。几天学到第四天,第四天的二级菜单练习失败了,不是想要的效果,有时间再试试.再次感谢
bobrain(113.96.*.*) 发表于:2013-06-12 11:14:46
为什么我点“新建CSS规则”没有出现本节的对话框,而是跟上几天一样出现“选择器类型:类、标签、高级”的对话框~~急死我了都,怎么办?????
wwarpten(14.150.*.*) 发表于:2013-06-02 17:26:57
发现最终的效果,也就弹出的框和前面的有点水平不对准,那是什么原因?
xiaoshuangshuang(121.76.*.*) 发表于:2013-05-27 12:47:15
我也不明白为什么#menu ul li ul { display:none; ... border:1px solid #ccc; border-bottom:none; }这里面border-bottom要设置为none呢?
管理员回复:因为border是给4个边框都设置的,border-bottom:none;意思是去掉下边框
huaxin628(125.42.*.*) 发表于:2013-05-22 17:09:59
问了几次也不回复,也看不到自己的评论
huaxin628(125.42.*.*) 发表于:2013-05-22 16:23:35
在firefox和chrome下怎么实现不了?
huaxin628(125.42.*.*) 发表于:2013-05-21 21:39:54
我觉得要学就要自己手写代码,熟了之后再这样比较好
xizichen(117.29.*.*) 发表于:2013-05-13 23:06:48
受益匪浅,多谢
fourt(70.51.*.*) 发表于:2013-05-08 04:34:19
非常感谢! 但编辑的中文水平让读者花费更多的时间理解其意. 希望能够让文笔顺畅的朋友帮着修饰一下.
xinzaipiaoyang(117.40.*.*) 发表于:2013-04-30 10:36:34
你好,首先谢谢你的教程,很好。不过在学习的过程中,有些地方不解:对于“纵向列表”这个地方的讲解,定义li标签样式时,个人觉得用line-height属性就能达到想要的效果,为什么还要加height属性呢?
管理员回复:如果只单纯的加行高的话很多浏览器都有像素差的
lovemydoudou(218.30.*.*) 发表于:2013-04-22 21:03:09
老大的教程很好!很容易理解!希望网站能够越来越好!
birdwei(112.94.*.*) 发表于:2013-04-16 23:26:52
谢谢,教程非常好!
管理员回复:不客气
aesop(42.120.*.*) 发表于:2013-04-11 11:42:15
请问position默认值是?
lexiaoqi(221.199.*.*) 发表于:2013-04-06 22:16:08
#menu ul li ul { display:none; ... border:1px solid #ccc; border-bottom:none; }这里面border-bottom:none这句这什么要这么设置呢?
344312156(111.172.*.*) 发表于:2013-03-30 05:09:08
我想改二级导航的背景颜色,方框颜色,字体大小,怎么修改呢?
mike315(222.216.*.*) 发表于:2013-03-28 15:06:15
新刚开始学习前端的东西,模仿做出了个横向的菜单,说得很容易理解,谢谢!!
a986939934(60.189.*.*) 发表于:2013-03-19 20:51:23
汗颜 终于显示了 弄了一个小时
ashows(220.178.*.*) 发表于:2013-03-18 15:51:14
我怎么找不到第一张图的那各UI小图标工具栏啊 CS5
管理员回复:那个是8 cs5应该在工具里面
zzacczhaop(124.230.*.*) 发表于:2013-03-16 16:40:25
还是那个问题,我知道这样加,意思好像是等于li下面加了一个子级ul 不写代码 用软件操作页面应该怎么加啊,初学,代码只认识个大概,手动加还很困难。。。
管理员回复:你把光标放在li中间如果找不到就切换代码视图,然后再插入列表。
zzacczhaop(124.230.*.*) 发表于:2013-03-15 17:56:01
本节内容都会了,但是纵向2级列表老师只给出代码,怎么在UL下面的li里面加入ul啊?
管理员回复:<ul> <li> <ul><li></li></ul> </li> </ul>
aiasa(219.129.*.*) 发表于:2013-03-05 16:30:02
照着一步步来。也出不来那个二级效果。前面挺好的,后面纵向的就没办法隐藏
管理员回复:display:none
jingyu(124.234.*.*) 发表于:2012-10-25 16:11:47
又学到了以前不会的,教程很棒哦~ ^^
管理员回复:谢谢,祝你学到更多
aishawang(58.63.*.*) 发表于:2012-10-16 11:16:16
但是测试横向导航的二级菜单又可以哦,我也不知道问题出在哪里
aishawang(58.63.*.*) 发表于:2012-10-15 11:28:52
为什么在IETester 测试IE6,看不了二级menu啊?
管理员回复:可以看到啊,估计是你的ietester出问题了
84252933(114.245.*.*) 发表于:2012-10-11 16:21:10
虽然没完全理解 但确实不错
管理员回复:多看几遍,自己再写写就能理解了
zhang572572(123.54.*.*) 发表于:2012-09-18 14:23:58
zhang572572 用了一天基本上会了。非常感谢这个网站。很是受益
管理员回复:谢谢,不客气
caiyun900509(114.226.*.*) 发表于:2012-09-03 11:23:11
不错不错,讲的真的是太细致了,我边看边照着做,很有用哦,谢谢哈
管理员回复:不客气,加油
yecao(116.228.*.*) 发表于:2012-07-19 14:48:00
基本上 我都看懂了 也做出来了 。但是最后关于要用到 js 的,我有点晕,我不知道怎么使用JS ,(我联系时,是直接复制你的js代码的)我是0基础的努力学者,希望您可以赐教……
管理员回复:只要自己肯下功夫就一定能学会
bochin(95.62.*.*) 发表于:2012-07-15 00:40:54
建议老师用程序的方式教,因为程序容易搞懂一些。那样虽然复杂,但是慢慢的摸索其实也是会懂的。这教程很棒
管理员回复:谢谢
chaohong1(110.90.*.*) 发表于:2012-07-01 00:48:02
太感谢了!!!哈哈 学习了嗯 . 不过我有一个地方不理解为什么错了 我的a hover{ color:f00;} 不知道为什么没有效果 这个自己很疑惑 看代码看找不到错误出来
管理员回复:是a:hovetr{color:#foo;}你少打符号了
wjh85223975(219.128.*.*) 发表于:2012-06-21 22:53:19
站长,我觉得每个步骤学前面那样有分解代码比较易理解啊!!
xieqian1989(222.244.*.*) 发表于:2011-08-20 11:45:45
#menu ul li { background: #eee; padding: 0px 8px; height: 26px; line-height: 26px; border-bottom: 1px solid #CCC; } height:26px 这个是什么高?
管理员回复:根据你的需要设定的高度
xieqian1989(222.244.*.*) 发表于:2011-08-20 11:32:34
为什么 #menu ul li 没有写margin:0px呢? 是不是不用写?
管理员回复:li默认的margin就是0
lhfeng0283(59.40.*.*) 发表于:2011-08-12 14:13:09
#menu ul li:hover没错,是我记错了
lhfeng0283(59.40.*.*) 发表于:2011-08-12 14:01:46
1.js存在兼容性问题,document.all是ie专用的,建议取消下边这句: "if (document.all&&document.getElementById) {" 2.排版一处错误: #menu ul li:hover--->#menu ul li.hover
管理员回复:谢谢你的指正,这个js就是专门针对ie用的。第二个不能算做错误,IE不支持这样的伪类,但ff支持。
jzs22(124.229.*.*) 发表于:2011-08-05 17:50:59
我现在终于可以做出了这个弹出来的二级导航了,哈哈,信心倍增啊,加油!
tzy7606523(58.62.*.*) 发表于:2011-08-02 16:38:07
老师,我把body里的内容放进#menu,或者将#menu放进body里,运行代码显示好像都是一样,这样有没有错啊
jzs22(124.229.*.*) 发表于:2011-07-29 16:26:49
我的个天啊,为了看懂这个我已经花了四天的时间了,结果就看懂了那个一列的,还没有看懂二列的要怎么弄啊, 我的DW是旧版的没有那个什么复合的啊,只有高级的,还有定义全局的,好多看不懂,可能多看几遍会好一点吧
jzs22(124.229.*.*) 发表于:2011-07-29 16:22:36
我咋就看不懂呢?
ahko001(113.68.*.*) 发表于:2011-07-26 16:26:05
#menu ul li.current ul { display:block;} 这句有意义吗 我把它删除掉后貌似也不影响显示效果
管理员回复:有的
tianming(115.204.*.*) 发表于:2011-07-14 16:42:15
<script type="text/javascript"><!--//--><![CDATA[//><!-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("menu"); var allli = navRoot.getElementsByTagName("li") for (i=0; i<allli.length; i++) { node = allli[i]; node.onmouseover=function() { this.className+=" current"; } node.onmouseout=function() { this.className=this.className.replace(" current", ""); } } } } window.onload=startList; //--><!]]></script> 这些代码是怎么得到的 啊
study(113.132.*.*) 发表于:2011-07-11 18:08:46
老师,为什么定义了3个div,在用时只有一个id=menu,没有id=meun ul...?还有padding、margin有两三个属性是怎么理解?
管理员回复:你说的定义了3个div在哪里?有关css属性的解释请查看css手册
hn580231(123.6.*.*) 发表于:2011-07-11 14:57:18
太好了
wuditt(112.65.*.*) 发表于:2011-07-08 15:43:30
本来还看的明白,怎么一下子又接触到了JS 云里雾里啦
miaoyuai(124.235.*.*) 发表于:2011-07-05 20:25:23
#menu ul li.current ul { display:block;} 老师这个代码的作用是什么啊, 不写这个代码 下拉菜单也可以正常显示啊。 为什么啊。
19084477(220.163.*.*) 发表于:2011-07-01 19:46:45
纵向二级列表我照着做已经做出来了,但是我想试试纵向三级列表,但是我试过做不出来,我在“自适应宽度”之下再嵌套一个div还是不行。
seemysky(119.164.*.*) 发表于:2011-06-24 15:16:22
(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框)这一句,我不能理解呢?劳请解释,谢~
管理员回复:自己动手试试吧
wlacf(58.177.*.*) 发表于:2011-06-23 09:42:08
可否说明下“和样式#menu ul li.current ul { display:block;}“配套的JS每步作用?那段JS实在看不明白什么意思?谢谢!
管理员回复:js不是本站重点,如需详细了解,请到专门的站点学习
dillgates(116.21.*.*) 发表于:2011-06-22 16:34:14
按照老师的方法做出来的二级列表与父列表之间对不齐,二级列表向下移动了有一个像素,我在#menu ul li ul 里加了一句top: -1px;把二级列表向上移一个像素,即可对齐!!
myq520(117.85.*.*) 发表于:2011-06-18 22:54:16
#menu ul li.current ul { display:block;} 就.current的这种定义建议详细的说明一下! 我研究了好久才明白这样写的意思跟这样写的原因~
管理员回复:定义class为current的ul的样式
wang8630(58.248.*.*) 发表于:2011-06-17 23:37:04
#menu ul li.current ul { display:block;} 这句不明白什么意思...希望老师能回复~ 还有见别人这样写,如下 #nav li a#current 也不明白什么意思,希望老师能够一起解答一下~
管理员回复:1为定义class为current的ul的样式,2为定义li个id为current的样式
haizi(59.54.*.*) 发表于:2011-06-17 17:04:48
#menu ul li { background: #eee; padding: 0px 8px; height: 26px; line-height: 26px; border-bottom: 1px solid #CCC; } padding: 0px 8px; 是什么意思 ??
管理员回复:请查css手册
lrqiang(121.9.*.*) 发表于:2011-06-13 17:56:26
下拉菜单在IE7下能用嘛?我在IE8测试下可以,找不到装有IE7的机子可测试,重装个IE7怕把机子搞乱了
hlc790915(112.82.*.*) 发表于:2011-06-09 19:28:16
亲爱的站长,跟着你做了一遍二级列表,在IE预览看不到,火狐里能看到?
管理员回复:杯具了,仔细对比实例代码吧
zhangliandi(219.142.*.*) 发表于:2011-06-07 16:44:25
请问站长,实例当中使用的是哪个版本的DW,为啥我的DW8.0不能出现以上的那些属性设置栏呢,谢谢!!我使用的是DW8.0,这个版本是不是不能学习本节内容呢,??
管理员回复:我用的有cs3、4、5都用到了
zhangxiaolongli(123.180.*.*) 发表于:2011-06-07 00:36:18
这个网站实在是很好很强大,我还想问问站长,现在想做网页,用学习什么软件和语言技术呢,谢谢了
管理员回复:你说的是前台还是程序
cocolly(61.161.*.*) 发表于:2011-06-04 16:07:31
如何定义ID为menu下ul下里内的ul样式呢? 还有,我做完以后和效果图不一样,下拉菜单隐藏了 弹不出来~~ 囧了~~
管理员回复:#menu ul ul {}
margin(114.92.*.*) 发表于:2011-06-02 15:25:44
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> <!-- body { font-size: 12px; line-height: 1.5; } a { color: #000; text-decoration: none; } a:hover { color: #F00; } #menu { width: 100px; border: 1px solid #CCC; } #menu ul { margin: 0px; padding: 0px; list-style-type: none; } #menu ul li { line-height: 26px; background-color: #eee; height:26px; padding-top: 0px 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; position: relative; } #menu ul li ul { display: none; border: 1px solid #CCC; position: absolute; width: 100px; left: 100px; top: 0px; } #menu ul li:hover ul { display: block; } --> </style> </head> <body> <div id="menu"> <ul> <li><a href="#">首页</a></li> <li><a href="#">网页版式布局</a> <ul> <li><a href="#">自适应宽度</a></li> <li><a href="#">固定宽度</a></li> </ul> </li> <li><a href="#">div+css教程</a> <ul> <li><a href="#">新手入门</a></li> <li><a href="#">视频教程</a></li> <li><a href="#">常见问题</a></li> </ul> </li> <li><a href="#">div+css实例</a> </li> <li><a href="#">常用代码</a></li> <li><a href="#">站长杂谈</a> </li> <li><a href="#">技术文档</a></li> <li><a href="#">资源下载</a></li> <li><a href="#">图片素材</a></li> </ul> </div> </body> </html> 老师, 您好 我按照您的步骤做的 可二级页面不会显示 我对了好多遍始终弄不懂是怎么回事 我用的是IE8.0所以上面的那段代码我就没写
管理员回复:再仔细检查检查吧,我把我的例子中的js删除掉,在IE8下也正常显示
a273893359(121.37.*.*) 发表于:2011-06-01 17:53:40
在写div+css。有时候会错乱。例如:#content{background:#2B2B2B; height:auto}.我想让中间高度自动增加。当增加内容的时候,只有在ie6中有效。ie7,8,ff会掉下来。掉到底部food那里,覆盖在上面。这是为什么啊!
管理员回复:默认高度就是自适应的,只有当内部元素都浮动后,父容器才显示不了高度,需要父容器自适应来解决
ahko001(113.68.*.*) 发表于:2011-05-31 14:37:36
关于昨天二级菜单的问题我解决了 呵呵 在这里衷心的感谢站长,提供了一个很好的学习平台
管理员回复:不客气
ahko001(113.68.*.*) 发表于:2011-05-30 15:37:03
为什么我做纵向二级列表实验的时候没有预期的效果的呢 还是单纯的纵向效果
管理员回复:不知道
interlocking(222.94.*.*) 发表于:2011-05-24 12:56:42
真的很好。学习就是个不断交流的过程
管理员回复:常来
jovan(121.28.*.*) 发表于:2011-05-08 14:42:05
教程非常好~ 能学到很多东西啊~
管理员回复:常来哟
kilolo(119.145.*.*) 发表于:2011-04-22 17:41:19
尊敬的站长,这个十天教程我几乎都看得明白,令我受益匪浅,十分感激!唯独这个二级下拉菜单的JS代码部分看不明白,请问能介绍像十天教程这么好,这么通俗易懂适合初学者的JS教程吗?
管理员回复:js本人倒没怎么关注过
28812353(61.186.*.*) 发表于:2011-04-17 19:00:21
站长真是个热心的人啊!1每天评论都认真回复!我们老师都推荐这个网站,希望本站越来越好!
管理员回复:谢谢,欢迎常来
zyj33(119.6.*.*) 发表于:2011-04-15 12:50:49
想请问大家,你们目前制作HTML静态页所使用的工具: 1.DW 2.记事本,EditPlus,Notepad++ 3.Firebox+Firebug
管理员回复:dw
aaa(110.186.*.*) 发表于:2011-04-14 16:39:06
请问,把二级菜单里的超链接从#改为www.baidu.com,显示的结果怎么是不能找到链接内容?谢谢!
管理员回复:您老把http给忘了
pp552594996(125.41.*.*) 发表于:2011-04-14 12:20:50
老师,你讲的真好,我还想在这个基础上 让鼠标滑过让字体后面的方框框颜色变化 而不是字体本身背景色变化 那样看起来更有动感 该怎样做丫 谢谢!~~
管理员回复:加个边框不就行了
blood(122.96.*.*) 发表于:2011-04-14 08:38:24
为什么纵向菜单在鼠标触碰之前的位置和触碰有的位置会有位移 向上移动了一点距离 百思不得其解
管理员回复:不太明白
lhuan2008(183.216.*.*) 发表于:2011-04-12 09:52:46
老师,你好,上面的实例我试过了,但是我在建立四列的时候,我要实现的是让等宽的四列在同一行,然后在每列里面建立多个行,类似于淘宝网上面商品展示的那种,我建立了一个总的DIV标签,并把它的尺寸固定了,然后在里面并列插入四个DIV标签,设置第一个DIV标签方框属性 float:left,最后一个DIV标签方框属性:float :right ,中间的两个是算左右边距来实现,这样做出来的四列成台阶状出现,分在四行,怎么实现这四列在同一行?忘老师给解答!谢谢!
管理员回复:全部向左侧浮动就实现了
rosomin(27.43.*.*) 发表于:2011-03-29 21:27:36
请问老师<li><a href="@#">首页</a></li>中的@作用是什么?谢谢~
管理员回复:没用,多打了个@
someonelsun(115.172.*.*) 发表于:2011-03-26 21:36:30
老师好~我刚接触 css 看了老师的教程真的很有用 我用的是dwCS4 for mac,但是文件的上方菜单没有类似ul,li的按键 把所有的菜单都打开找了也没有看到类似的 ,还希望老师能帮助指下路 真的台感谢了~~
管理员回复:mac下的没用过,就不太清楚了,如果没有的话就在源代码里手写吧
violin0889(125.83.*.*) 发表于:2011-03-25 09:36:36
如果在这个基础上再加一个竖向导航,每一个导航点一下显示这个内容,再点一下就收起(隐藏),这样的话结构怎么写?css怎么实现呢?不知道你明白没?谢谢回复!
管理员回复:这个得用到js的点击事件了
flyhorsezhang(118.113.*.*) 发表于:2011-03-23 11:21:23
你好! 麻烦问下如何控制 UL LI 的列表符号大小,默认的太大了,我想把它调小点。 谢谢
管理员回复:得用图片
zhizun968(111.78.*.*) 发表于:2011-03-21 13:47:24
开始时 :hover那里怎么也弄不通,看到后面才知道是ie6只支持a的伪类的问题 根据本节老师所教,IE6下,略加以修改 关键代码是 <script type="text/javascript"><!--//--><![CDATA[//><!-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("menu"); var allli = navRoot.getElementsByTagName("li") for (i=0; i<allli.length; i++) { node = allli[i]; node.onmouseover=function() { this.className+=" current"; } node.onmouseout=function() { this.className=this.className.replace(" current", ""); } } } } window.onload=startList; //--><!]]></script> <style type="text/css"> body { font-family: Verdana; font-size: 12px; line-height: 1.5; } a { color: #000; text-decoration: none; } a:hover {font-size: 13px; color: #F00; text-decoration:underline;} #menu { width: 100px; border: 1px solid #CCC; } #menu ul { list-style: none; margin: 0px; padding: 0px; } #menu ul li { background: #00eeee; padding: 0px 8px; height: 26px; line-height: 26px; border-bottom: 1px solid #CCC; } #menu ul li.current { background: #FFBBFF; padding: 0px 8px; height: 26px; line-height: 26px;} #menu ul li:hover { background: #FFBBFF; padding: 0px 8px; height: 26px; line-height: 26px; } </style> </head> <body> <div id="menu"> <ul> <li><a href="#">首 页</a></li> <li><a href="#">网页版式布局</a></li> <li><a href="#">div+css教程</a></li> <li><a href="#">div+css实例</a></li> <li><a href="#">常用代码</a></li> <li><a href="#">站长杂谈</a></li> <li><a href="#">技术文档</a></li> <li><a href="#">资源下载</a></li> <li><a href="#">图片素材</a></li> </ul> </div> <p> 其中的:hover和前边说的链接一样,同属于伪类,但有一点注意,目前IE6只支持a的伪类,其它标签的伪类不支持,所以要想在IE6下也显示正确,需要借助js来实现,我们定义一个类.current (自己命名,需和JS中相同)的属性 </p> </body> </html>
zhchdc(218.11.*.*) 发表于:2011-03-18 16:27:24
为什么#menu ul li:hover ul 这样写,#menu ul li ul:hover 不行吗?或,#menu ul li :hover ,为什么一点要在后面写ul,新手不懂,不好意思
管理员回复:两者意思完全不同,建议去css手册里再查一下伪类是什么及用法
nake241(222.241.*.*) 发表于:2011-03-16 20:34:47
<script type="text/javascript"><!--//--><![CDATA[//><!-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("menu"); var allli = navRoot.getElementsByTagName("li") for (i=0; i<allli.length; i++) { node = allli[i]; node.onmouseover=function() { this.className+=" current"; } node.onmouseout=function() { this.className=this.className.replace(" current", ""); } } } } window.onload=startList; //--><!]]></script> 这段代码是怎么生成的!
管理员回复:自己写的
yangye3131(220.250.*.*) 发表于:2011-03-14 14:48:40
有学了DW一个月了,可开学始老师又教什么XML。不明白重心要放在哪
azhu(111.165.*.*) 发表于:2011-03-11 17:56:13
看了一个下午,笨人终于明白,相对和绝对位置
管理员回复:看懂了就好,不过要多实践
happytan(125.71.*.*) 发表于:2011-03-09 15:53:33
老师,为什么我把2级弹出菜单换成长点的英文, 之后鼠标移上去,2级菜单文字的背景就不对了(ie6下看,字母少的那一行背景有缺,边框也少一截;ie7下,字母长的自动换行了)。 这个无所谓吗?是不是考虑到导航不会那么长,就不用调了。如果真想要控制下,应该大致怎么调啊?
管理员回复:不要用一连串没有空格的英文
yongxinxiwang(61.139.*.*) 发表于:2011-03-08 20:29:40
用心找了好多天的网站,看了许多有关div_css的内容,这个教程是最适合初学者的教程。用心看了几天,非常感谢有这样的一个平台。会好好学习,用心关注,让这样的平台发挥它应有的价值。非常谢谢!!!
管理员回复:不客气,欢迎常来
gjzjwjs(221.223.*.*) 发表于:2011-03-05 15:02:45
老师好!新手请教-----我想请教您纵向导行三级弹出菜单该怎么做,我不能让三级菜单隐藏,它老是显示,该怎么操作才好。 #menu ul li ul li ul{display:none;position:absolute;left:100px;top:0px;width:100px;border:1px solid #ccc;border-bottom:none;}
管理员回复:网上有很多这样的教程,请搜索
c1356333675(221.173.*.*) 发表于:2011-03-02 16:28:18
你好 。我想问一下。li 里为什么要设置边框的高度?body 里设置的 1.5的行高 这两一起设置后有什么说法嘛? 我试验过。 li 里的设置执行级别高于 body里的命令级别 两个用一个也没有什么问题 为什么要设置两个呢?
管理员回复:为了更加精确
xuqiang0928(202.104.*.*) 发表于:2011-02-24 20:21:24
老师我想问一下 为什么我的DW 没有类似 ul ol...il..的
管理员回复:请切换一下类别
xuqiang0928(202.104.*.*) 发表于:2011-02-24 20:19:53
只想说感谢..感谢无私奉献
管理员回复:不客气
huihuang(119.22.*.*) 发表于:2011-02-18 17:42:40
您好 站长!#menu ul li.current ul { display:block;}。这个css样式,.current 是li下面的一个类吧,但是为什么不需要用class引用就可以实现效果呢?我查了查css手册和百度相关内容页,并且看完了所有这篇的评论也没有找到理想的答案,请您抽时间给解释下好吗?
管理员回复:那样的话它是指继承上级的样式
chenruisong(222.94.*.*) 发表于:2011-02-17 16:07:03
非常好的教程,循序渐进,学的很轻松,感谢~~~
管理员回复:欢迎继续学习
hrx1994151(58.249.*.*) 发表于:2011-01-22 20:30:25
做到第5步效果就出不来了,机子是可以显示老师的实例的..迷惘ing
sophia870707(110.88.*.*) 发表于:2011-01-22 16:43:28
sophia870707:一开始对#menu ul li.current ul { display:block;}这句话的内容不理解,我把它删掉来运行,效果也是一样的,没有变化。突然间就懂了,这句话在IE8.0的浏览器上是没有发挥作用的,在IE6.0的浏览器上,发挥跟#menu ul li:hover ul { display:block;}一样的功能。老师,我这样理解对吗?
管理员回复:是的
dawei1(110.6.*.*) 发表于:2011-01-16 21:36:27
老师请问,我用的是CS3,里面没有#menu ul li ul这个,怎么制作二级列表呢
管理员回复:选中ul标签后,再点击
bearkr(222.80.*.*) 发表于:2011-01-14 23:52:57
dw8没有标签重定义,那么手动添加代码是否有用?!
管理员回复:可以呀
song727(114.249.*.*) 发表于:2011-01-05 18:49:23
老师的教程非常好,很实用! #menu ul li ul {boder-bottom:none;} 试了之后,感觉这个代码可要可不要,老师,我的理解对吗?
管理员回复:这个不要的话,它会继承上一级的边框属性的
tianshui(120.14.*.*) 发表于:2010-12-22 16:56:52
3.父容器使用相对定位,子元素使用绝对定位后,这样子元素的位置不再相对于浏览器左上角,而是相对于父窗口左上角 教授,你好,我是初学CSS,最后一句话,是不是改为:而是相对于父容器左上角啊。父窗口和父容器不一样吧,
管理员回复:对对,打错了,用五笔打窗口和容器是一样打法,忘记选词了
shenrui(113.246.*.*) 发表于:2010-11-30 13:24:52
请问,我照着例子试了五六遍还是出不来效果,关键问题出在那里呀,每一步都仔细的照着做的,所以我没想明白,请指点
管理员回复:那我就不知道,如果我的实例在你电脑上能正常,你的不行,那就再仔细对比
vae(119.180.*.*) 发表于:2010-11-29 08:53:45
老师,有个问题不知道您遇见过没。将网站上传后,有些电脑可以显示二级弹出菜单,有些不能弹出。不知道是什么原因。
管理员回复:不知道了
yehaizi(122.232.*.*) 发表于:2010-11-26 12:44:14
哈哈,会了。 老师,你是我不断学下去的动力。希望有空能继续出些实用的教程。让我离我的梦想更加近一些。 向您致敬。
管理员回复:欢迎常来
shrsoon(221.234.*.*) 发表于:2010-11-17 22:19:06
老师,请问 if (document.all&&document.getElementById)这句话是起什么作用的,我把这个判断语句去掉了,页面好像还是没出问题呀?
管理员回复:有关js的部分,请查阅相关文档
muzifeng55(60.166.*.*) 发表于:2010-11-17 13:13:58
千言万语表达不出内心的感谢!嘿嘿……支持咯
管理员回复:欢迎常来
Retro(119.183.*.*) 发表于:2010-11-16 22:33:16
老师您好, 定义 #menu ul li ul 边框时,下边框没有给样式,是因为继承父级(menu ul li)样式了么?
管理员回复:试试就知道了
weixiang0407(114.229.*.*) 发表于:2010-11-11 14:57:52
请问站长是不明白我提出的问题? 我只是想问上面那些JS代码的意思 ,也就是说 跟着步骤做没有生成上面的JS代码,是不是后加的,能不能解释下JS代码的涵义~
管理员回复:js代码肯定不是生成的,有关js不是本站的强项,如果想了解js实现的原理,请查看相关js教程
susanli(220.231.*.*) 发表于:2010-11-10 18:17:58
明白了,电脑卡,没看到那一段。学习啦。谢谢。。有用
susanli(220.231.*.*) 发表于:2010-11-10 17:27:14
老师,请问您 #menu ul li.current ul中的“current”是什么意思呀?
管理员回复:它前边是个.那它就是类呀
weixiang0407(114.229.*.*) 发表于:2010-11-10 16:26:40
startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("menu"); var allli = navRoot.getElementsByTagName("li") for (i=0; i<allli.length; i++) { node = allli[i]; node.onmouseover=function() { this.className+=" current"; } node.onmouseout=function() { this.className=this.className.replace(" current", ""); } } } } window.onload=startList; 我跟着步骤做 上面的代码为什么没有生成 二级框架也没有显示 求解释
管理员回复:不太明白意思
Richard(60.216.*.*) 发表于:2010-11-08 14:18:03
学习了~~~~呵呵
管理员回复:欢迎常来
a20446(222.168.*.*) 发表于:2010-11-06 09:30:23
老师您好。在我“新建css规则”的时候只有:类、标签(有下拉菜单—abbr、base..等)、高级这三个选项。为什么没有显示您这个“显示器类型为css选择类型—复合内容呢”应该怎么办呀?我用DW3.谢谢
管理员回复:那就昌高级
xsz9223344(123.165.*.*) 发表于:2010-11-05 10:04:55
老师您好:对于纵向二级列表的问题。我自己做了一个,但是不显示二级列表,然后我又照着老师的教程改了一下,除了颜色和文字之外,都和您的一摸一样,但是为什么还是不显示二级列表呢,不明白其中的原因,请您指教。代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"><!--//--><![CDATA[//><!-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("menu"); var allli = navRoot.getElementsByTagName("li") for (i=0; i<allli.length; i++) { node = allli[i]; node.onmouseover=function() { this.className+=" current"; } node.onmouseout=function() { this.className=this.className.replace(" current", ""); } } } } window.onload=startList; //--><!]]></script> <style type="text/css"> body { font-family: Verdana; font-size: 12px; line-height: 1.5;} a {color: #000;text-decoration: none;} a:hover{color:#CF6;} #menu {width: 100px;border:1px solid #999;border-bottom:none;} #menu ul {list-style: none;margin: 0px;padding: 0px;} #menu ul li {background: #CCC;padding:0px 8px;height: 26px;line-height: 26px;border-bottom:1px solid #999;position: relative;} #menu ul li ul {display: none;position: absolute;left: 100px;top: 0px;width: 100px;border:1px solid #999;border-bottom:none;} #menu u1 li.current u1{display:block;} #menu u1 li:hover u1 {display: block;} </style> </head> <body> <div id="menu"> <ul> <li><a href="#">首页</a></li> <li><a href="#">网页三剑客</a> <ul> <li><a href="#">dreamweaver</a></li> <li><a href="#">fireworks</a></li> <li><a href="#">flash</a></li> </ul> </li> <li><a href="#">网站建设</a></li> <li><a href="#">留言管理</a></li> <li><a href="#">帮助中心</a></li> <li><a href="#">文档管理</a></li> </ul> </div> </body> </html>
管理员回复:你用对比软件对比了么,看似一样,我的代码中是ul,你那儿是u1,一个字母L,一个是数字1,当然不能生效了
dome(115.216.*.*) 发表于:2010-10-29 23:04:57
老师,你好!这个"#menu ul li:hover ul"的“#menu ul li后面为什么要加上一个冒号?又如果把它写成“#menu ul li a:hover ul”的形式可不可以?我真的是不太明白,还望老师指点。
管理员回复:不明白的话,建议去查css手册
mojiang(117.88.*.*) 发表于:2010-10-29 16:19:16
我晚上回家上不了网啊
管理员回复:已经提供离线版了呀
mojiang(117.88.*.*) 发表于:2010-10-29 16:19:04
能不能提供离线版的啊
管理员回复:已经提供离线版了呀
weijiao2008good0(222.134.*.*) 发表于:2010-10-26 22:22:32
为什么我照着做的 但是不出现 2 级列表呢 和DW版本有关系吗
管理员回复:没有
usernamepf(183.37.*.*) 发表于:2010-10-26 15:12:38
肯定加了
lydia(222.173.*.*) 发表于:2010-10-22 14:44:30
大有用处。
dange(119.139.*.*) 发表于:2010-10-20 19:56:08
cs5哪里有下载?
管理员回复:百度里一搜索一大把
vae(119.180.*.*) 发表于:2010-10-20 16:52:22
老师: 您好!制作横向列表通过table的方式做成功但通过ul的方式制作时设置li的区块显示为“内嵌”可以做到显示在一行,但设置li的方框大小却无效,这是什么原因那?谢谢!
管理员回复:内嵌是将一个块级元素转换成内联元素,内联元素对宽高不生效
usernamepf(183.37.*.*) 发表于:2010-10-20 13:48:35
为什么在IE6下子栏目显示不出来呢
管理员回复:那段js添加了吗
vae(119.180.*.*) 发表于:2010-10-20 10:47:06
纵向二级列表这章太经典了。另外发现复制该网页上的文字,会出现下面的字。这个效果是怎么做出来的? 文章出处:标准之路(http://www.aa25.cn/div_css/905.shtml)
管理员回复:看源代码哟
huanglikun871214(58.240.*.*) 发表于:2010-10-17 18:51:57
对li的样式中line-height:26px; height:26px. 到底高和行高的区别是什么?看的不明白,实际操作也没有弄明白。
管理员回复:请查看css样式表手册
huanglikun871214(58.240.*.*) 发表于:2010-10-17 11:33:16
#menu li { line-height: 26px; background-color: #eee; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; height: 26px; color: #000000; } 我不能区分line-height和height两个的不同,请教一下。
管理员回复:一个是高度,一个是行高
shiriu86(121.204.*.*) 发表于:2010-10-14 11:35:22
管理员你好,根据你上面讲的二级菜单的效果,我想做一个像126邮箱网络硬盘里面二级菜单的效果,鼠标放上去,二级菜单会出现文件名的后面,请问这个效果是怎么做出来的呢?你能详细讲解一下吗?
管理员回复:126网盘没用过,不太了解
zhaijunliang2009(125.76.*.*) 发表于:2010-10-12 12:52:32
zhaijunliang2009:这个教程真的不错!
qingfeng(60.210.*.*) 发表于:2010-10-08 05:33:03
谢谢管理员,这里的教程真不错。
管理员回复:欢迎常来
bzzl549117(219.136.*.*) 发表于:2010-10-05 23:41:19
这个篇章我学了两个通宵,结果是多了个</div>标签!所以不能实现二级菜单!大家要注意了,如果你按照教材还做不出,检查下标签吧!
管理员回复:感动,我需要这样的学生
xuff78(123.125.*.*) 发表于:2010-10-05 00:58:08
老师你好,当我学习到此章第五节:修改#menu ul li,给其增加一个 position:relative;属性,给漏掉了,导致最后做出来的二级菜单都以绝对坐标显示到左上角往右100px的位置,这时候就有个疑问,为什么#menu ul li的position为默认不填或设置为relative的时候对一级菜单并没有影响,却对2级菜单的位置产生影响?默认不填的时候是什么属性呢?谢谢
管理员回复:父窗口没有使用定位属性时,子元素的绝对定位是相对于浏览器,而当父容器使用定位后,那么子元素的定位是相对于父容器
wfynn(125.33.*.*) 发表于:2010-10-01 14:05:21
老师,你那纵向二级列表里样式里有2个单独的</li>是什么意思,我没看明白?
管理员回复:哪两个单独的li?
sdgfdfg(222.66.*.*) 发表于:2010-09-25 11:10:19
js 代码可以用下面jquery 代码代替: $(document).ready(function() { $("li").hover(function(){ $(this).addClass('current'); },function(){$(this).removeClass('current');}); });
管理员回复:这样的话是不是就需要引用jquery了
007(124.160.*.*) 发表于:2010-09-20 11:02:37
老师好,js代码那段没看懂,IE8下去掉js也可以完成最终效果,js应该是主要是为了在IE6下实现。
管理员回复:是呀,文章里已经说明了
jim(183.37.*.*) 发表于:2010-09-14 10:31:48
管理员同志,我弄了很久都没有做出第四天那个二级菜单的效果,请问你能够加我QQ,我有些问题要请教你!我的QQ是849842238!谢谢你!
管理员回复:先看看第八课吧
jim(183.37.*.*) 发表于:2010-09-14 09:38:04
请问第四课有没有视频呀,我感觉有点难,如果能有视频就好了!!
管理员回复:本节课没有专门的视频,相关视频可以查看http://www.aa25.cn/div_css/894.shtml
jim(183.37.*.*) 发表于:2010-09-14 01:52:01
我想请问,就是我按步骤来操作的,怎么那个二级菜单怎么也是显示不出来,请帮帮忙! 我真的想尽了办法都不能解决!希望各位帮帮忙,不胜感激!
管理员回复:那么请先看第八天的课吧
apple(125.34.*.*) 发表于:2010-09-13 17:54:36
请问老师 我用的DW8 为什么简历CSS样式跟教程的不一样呢 好多选项没有
管理员回复:我的是dw cs5
heiba(61.158.*.*) 发表于:2010-09-13 10:45:14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> <!-- body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; text-decoration: none; background-color: #6FF; } #sidebar { font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 10px; padding: 0px; width:150px; height: 500px; background-color:#C3F; border: 1px solid #00F; } #sidebar ul{margin:0px; padding:0px; width:150px; height:300px; list-style:none;} #sidebar ul li{margin:0px; padding:0px; width:150px; height:25px; line-height:25px; text-align:center;} span {width:150px; height:26px; display:block;} a:linka:visited{text-decoration:none; width:150px;} a:hover{text-decoration:none; background-color:#F90; cursor:pointer;} a:active{text-decoration:none;} --> </style> </head> <body> <div id="sidebar"> <ul> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>首页</span></a></li> </ul> </div> 站长您好!帮我看看这个,在IE里鼠标经过没效果,而在搜狗浏览器就有!请您帮我解释一下呗 O(∩_∩)O谢谢
管理员回复:你要实现什么样的效果?
永现自我(222.129.*.*) 发表于:2010-09-11 12:02:48
在新建CSS中,那个CSS选择器如何确定选择哪个呀,不明白?
管理员回复:看你需要定义什么了
chenchen(220.184.*.*) 发表于:2010-09-01 22:05:35
还是不太懂哎,line-height:26px;和height: 26px;有什么区别呢,我试了下,最早的时候只弄一个,效果不一样。。。还是不懂呢。。郁闷~~
管理员回复:一个是高度,一个是行高,建议看下css手册
shuimeizhu(222.210.*.*) 发表于:2010-09-01 12:51:42
教程非常好,感谢老师
管理员回复:不客气,欢迎常来
zyx(183.17.*.*) 发表于:2010-09-01 09:54:10
强烈介意楼主把#menu ul li.current ul这段写出来 上面没教程 我刚刚做了 IE六浏览不了 把你那个JS代码加上去还是不行 后来仔细看了下代码 发现#menu ul li.current ul这段是多出来的 上面没说 还有 IE6下的那段JS代码 是适用每个这样的导航还只是单独的这一个?
管理员回复:如果不去考虑兼容IE6的话,#menu ul li.current ul这个样式和JS都是不用加的
哎(122.234.*.*) 发表于:2010-08-30 15:47:20
就是说鼠标移到“网页布局”上出来“自适应宽度” “固定宽度”能否移到“自适应宽度”上再出来一些导航或者跟多层级呢?
管理员回复:自己尝试一下
哎(122.234.*.*) 发表于:2010-08-30 15:40:58
这个菜单只有一个层级,能不能多搞几个层级,我试过不行啊!
管理员回复:自己尝试一下
apple(117.14.*.*) 发表于:2010-08-26 17:11:45
我有时看不懂。。呵呵 做出来效果没有楼主做的好看。。。强烈视频教程!!!
管理员回复:先把文字教程做完,视频教程做的话估计得一段时间了
124(60.185.*.*) 发表于:2010-08-26 10:53:48
#menu ul li:hover ul { display: block; } 可以不用写的。。。一直没搞明白的是#menu ul li.current ul { display:block;} current 这个英文是啥意思,哪出来的。。。
管理员回复:那个是自己定义的名字呀,当然你也可以改成其它名字,不过在js里也要对应改
joykey(124.72.*.*) 发表于:2010-08-24 22:52:19
楼主你用的是dw什么版本的?
管理员回复:前三节用的cs3,后面用的cs5
Queen(116.231.*.*) 发表于:2010-08-24 13:57:00
#menu ul li.current ul { display:block;} 上面的步骤没有把这段写出来,请问样式的作用是啥?
管理员回复:显示呀,有文字说明的
joykey(125.77.*.*) 发表于:2010-08-23 17:27:58
加油-不解释
JC(119.142.*.*) 发表于:2010-08-23 15:37:02
然后定义ID为menu下ul下里内的ul样式如下: 我的DW怎么不能实现,点添加就和上面的一样,
管理员回复:光标定位位置问题
xiaolingdang(61.144.*.*) 发表于:2010-08-23 15:00:32
真好!讲的很详细,让我很受益!谢谢喽:)
管理员回复:不客气,欢迎常来
kolos(119.130.*.*) 发表于:2010-08-22 23:19:10
#menu ul li.current (后面的ul好像不用加吧)ul { display:block;}
管理员回复:试试不就清楚了
从来(58.39.*.*) 发表于:2010-08-20 10:49:54
如果能的视频就好了,更直观
管理员回复:本人较忙,能出图文教程已属不易,如果大家需求比较大,下一步会考虑制作视频教程
lyt(218.7.*.*) 发表于:2010-08-13 15:45:15
站长,那个纵向二级列表您说所以要想在IE6下也显示正确,需要借助js来实现,可是你的那个代码在ie6下也不好使,我用你您的原码试了这是为什么呢,是不是js哪写的不对呀~
管理员回复:好使呀,我在IE6下测试正常的
无名(125.82.*.*) 发表于:2010-08-13 13:30:50
#menu ul li.current ul { display:block;} 这个是怎么来的呀
管理员回复:写出来的
潇墨枫(180.127.*.*) 发表于:2010-08-13 11:39:51
怎么四天呀
管理员回复:正在出
pennario(113.141.*.*) 发表于:2010-08-12 23:55:31
这一篇讲得有点儿太快了,没前几篇详细。而且前面用CS3,这回又是CS4,我菜鸟看的有点儿蒙,试了好几遍才明白一些。站长加油,期待下一篇!!!
管理员回复:这篇内容有点多,下篇少讲些。由于前三节教程是去年写的,这节是今天写的
chengchongfan(124.128.*.*) 发表于:2010-08-12 12:53:01
讲的很好,一些常用的功能都有了,期待下一篇
song(118.112.*.*) 发表于:2010-08-12 12:49:40
加了jquery效果,页面就更炫了~http://www.52webui.com/context.asp?id=49
baiduandgoogle(123.4.*.*) 发表于:2010-08-12 11:34:29
站长我等着看下一篇呢,站长快点啊
管理员回复:近段时间忙
石家庄(222.222.*.*) 发表于:2010-08-11 17:33:13
纵向导航菜单中的项目如何和数据库联系起来呢.要是导航列表多了,添加一个菜单,应该从数据库中读取吧?
管理员回复:那是程序的事了
匿名(61.135.*.*) 发表于:2010-08-11 13:08:58
怎么还不更新啊
管理员回复:近段时间忙
hym38(10.2.*.*) 发表于:2010-08-06 11:14:19
请教站长,您这个网站应该也是采用上中下的架构,如果采用div+css 的话,怎么实现中间的容器里显示自己想要的任何页面?? 如果采用iframe 的话,一旦中间大部分的高度太长,则会出现滚动条,并且滚动条是出现在中间这个框架中。 请站长告诉我,您的这个页面,上中下架构是怎么实现的,谢谢
管理员回复:查看源代码不就明白了
lihuaming(123.122.*.*) 发表于:2010-08-05 16:39:08
站长,写的很好,但是能不能上传的快点啊!我都等的急死了!
管理员回复:近段时间较慢,更新会慢些
ma(58.210.*.*) 发表于:2010-08-05 16:15:35
我记得我已经把CS5的CSS中文补丁地址发出来了呀! http://u.115.com/file/f4253422f7就是这相了 你瞅瞅吧!
管理员回复:我已经下载到了
浪云天(113.89.*.*) 发表于:2010-08-05 13:16:29
这篇问斩个通俗易懂很适合入门级别的网页设计者用,很不错喔
ben(119.41.*.*) 发表于:2010-08-04 10:55:36
为什么就没有第五期了呢
管理员回复:没推出呢
gstar(221.234.*.*) 发表于:2010-08-03 17:20:07
从来都不用通配符么?针对这个例子#menu ul li 和#menu li 有什么区别?
管理员回复:两种写法一样,通配符*定义后有可能会造成一些意想不到的问题
poker(123.115.*.*) 发表于:2010-08-03 14:02:32
经典 等待更新 很适合我这样的新手
管理员回复:会的
tgdxun(121.61.*.*) 发表于:2010-08-01 14:34:48
有个问题:树形菜单中既然#menu ul li设置了background颜色,设置的#menu的背景颜色就是没用了嘛,会被覆盖,是不是这样啊老师?
管理员回复:
tgdxun(121.61.*.*) 发表于:2010-08-01 14:19:02
二级菜单都要用js来实现啊?哎~~~~~~~~~
管理员回复:IE6下
ma(58.210.*.*) 发表于:2010-08-01 00:27:34
谢谢呀!教程写的很不错,很适合新手,是我见过教程中很不错的教程! 不过您的CSS能不能改为中文的呀 已经有CS5 的CSS中文补丁了 我已经上传到空间上去了 你瞅瞅吧! 感谢您的教程
管理员回复:你的空间地址是?
zwj(120.86.*.*) 发表于:2010-07-31 18:23:38
#menu ul li.current ul 这个CSS忘记上了
s2363884(123.118.*.*) 发表于:2010-07-30 17:24:39
版主,能发表一篇主讲FLOAT的用法的章节。。。。无比感谢!!!!!!!!
管理员回复:在第三天的教程中,已经讲解了float
apple007(121.33.*.*) 发表于:2010-07-29 18:17:46
一直关注着这个。每天都会看些。有些不懂的。就去问朋友。我相信。我会慢慢掌握的。谢谢伟大的楼主了。
管理员回复:欢迎常来
doudoula2008(117.40.*.*) 发表于:2010-07-29 16:01:00
期待更新,呵呵。。
管理员回复:会继续更新的,敬请关注
aixuan2046(180.124.*.*) 发表于:2010-07-28 18:31:02
改了个风格,看得好累=.= 加油出后续教程,期待ING... 另DW CS5好用否?
管理员回复:个人感觉还行
baky5275(123.138.*.*) 发表于:2010-07-27 20:06:03
非常感谢楼主的教程,对初学者来说真的是受益匪浅
管理员回复:欢迎常来
yuanmoo(113.240.*.*) 发表于:2010-07-27 10:10:40
赶上了,嘿嘿 ------------------------------ “博藏”:留下你的博客,共筑长城
管理员回复:欢迎常来
miaozf(121.232.*.*) 发表于:2010-07-27 09:41:23
老师你好!发现个细节问题,第一项“纵向列表”菜单里最下方有两个边框线,当然在“纵向二级列表”菜单里您通过设置#menu标签border-bottom:none属性完善了这个细节。但你例子里设置的内外框线颜色相同,我想问你的是,同样的样式如果外框线和内框线颜色不同的话,用什么方法设置?
管理员回复:颜色不一样的话,借助js把最后一个li的下边框隐藏
wasdxc(113.13.*.*) 发表于:2010-07-27 09:31:23
感觉好麻烦啊,不如直接打CSS算了,操作流看来不适合俺。
管理员回复:定位在新手,对css不太熟悉的朋友
xtyygydp(116.21.*.*) 发表于:2010-07-27 09:03:17
很好!讲得非常详细!期待有更多的学习!
管理员回复:欢迎常来
JOKER(114.243.*.*) 发表于:2010-07-26 22:17:29
我觉得这个直接写CSS会更好,说实话,很不习惯这种界面写样式,不明朗,对初学者并没有多大帮助
管理员回复:初期采用css生成器来,因许多朋友对css不太熟悉,等熟悉后改为手写,效率会比现在要高。之所以采用这种方式,也是应大家的要求

我要评论