仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 949|回复: 9

[DIV+CSS] 来讲讲:切合WEB尺度的下拉导航菜单例子

[复制链接]
简单生活 该用户已被删除
发表于 2015-1-16 00:23:31 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
<htmlxmlns="http://www.w3.org/1999/xhtml"lang="zh-CN"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>CSS菜单演示</title><styletype="text/css"><!--*{margin:0;padding:0;border:0;}body{font-family:arial,宋体,serif;font-size:12px;}#nav{line-height:24px;list-style-type:none;background:#666;}#nava{display:block;width:80px;text-align:center;}#nava:link{color:#666;text-decoration:none;}#nava:visited{color:#666;text-decoration:none;}#nava:hover{color:#FFF;text-decoration:none;font-weight:bold;}#navli{float:left;width:80px;background:#CCC;}#navlia:hover{background:#999;}#navliul{line-height:27px;list-style-type:none;text-align:left;left:-999em;width:180px;position:absolute;}#navliulli{float:left;width:180px;background:#F6F6F6;}#navliula{display:block;width:156px;text-align:left;padding-left:24px;}#navliula:link{color:#666;text-decoration:none;}#navliula:visited{color:#666;text-decoration:none;}#navliula:hover{color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;}#navli:hoverul{left:auto;}#navli.sfhoverul{left:auto;}#content{clear:left;}--></style><scripttype=text/javascript><!--//--><![CDATA[//><!--functionmenuFix(){varsfEls=document.getElementById("nav").getElementsByTagName("li");for(vari=0;i<sfEls.length;i++){sfEls.onmou搜索引擎优化ver=function(){this.className+=(this.className.length>0?"":"")+"sfhover";}sfEls.onMouseDown=function(){this.className+=(this.className.length>0?"":"")+"sfhover";}sfEls.onMouseUp=function(){this.className+=(this.className.length>0?"":"")+"sfhover";}sfEls.onmou搜索引擎优化ut=function(){this.className=this.className.replace(newRegExp("(?|^)sfhover//b"),"");}}}window.onload=menuFix;//--><!]]></script></head><body><ulid="nav"><li><ahref="#">产物先容</a><ul><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li><li><ahref="#">产物一</a></li></ul></li><li><ahref="#">服务先容</a><ul><li><ahref="#">服务二</a></li><li><ahref="#">服务二</a></li><li><ahref="#">服务二</a></li><li><ahref="#">服务二服务二</a></li><li><ahref="#">服务二服务二服务二</a></li><li><ahref="#">服务二</a></li></ul></li><li><ahref="#">乐成案例</a><ul><li><ahref="#">案例三</a></li><li><ahref="#">案例</a></li><li><ahref="#">案例三案例三</a></li><li><ahref="#">案例三案例三案例三</a></li></ul></li><li><ahref="#">关于我们</a><ul><li><ahref="#">我们四</a></li><li><ahref="#">我们四</a></li><li><ahref="#">我们四</a></li><li><ahref="#">我们四111</a></li></ul></li><li><ahref="#">在线演示</a><ul><li><ahref="#">演示</a></li><li><ahref="#">演示</a></li><li><ahref="#">演示</a></li><li><ahref="#">演示演示演示</a></li><li><ahref="#">演示演示演示</a></li><li><ahref="#">演示演示</a></li><li><ahref="#">演示演示演示</a></li><li><ahref="#">演示演示演示演示演示</a></li></ul></li><li><ahref="#">接洽我们</a><ul><li><ahref="#">接洽接洽接洽接洽接洽</a></li><li><ahref="#">接洽接洽接洽</a></li><li><ahref="#">接洽</a></li&gt</p>
12下一页


现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
简单生活 该用户已被删除
 楼主| 发表于 2015-1-16 00:50:31 | 显示全部楼层

来讲讲:切合WEB尺度的下拉导航菜单例子

凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和FLASH,所以我一直建议一个提交按钮就不要用图片带代替了。
;<li><ahref="#">接洽接洽</a></li><li><ahref="#">接洽接洽</a></li><li><ahref="#">接洽接洽接洽</a></li><li><ahref="#">接洽接洽接洽</a></li></ul></li></ul></body></html>
运转代码复制代码另存代码――您能够运转代码观察殊效,您也能够复制大概另存源代码。本代码由天极网页陶吧供应。</p>
上一页12


标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现
精灵巫婆 该用户已被删除
发表于 2015-1-18 08:42:34 | 显示全部楼层
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
变相怪杰 该用户已被删除
发表于 2015-1-27 05:16:25 | 显示全部楼层
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
深爱那片海 该用户已被删除
发表于 2015-2-5 09:35:14 | 显示全部楼层
可以使用 CSS 检查工具进行设计。
海妖 该用户已被删除
发表于 2015-2-11 08:43:01 | 显示全部楼层
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
发表于 2015-3-2 06:10:08 | 显示全部楼层
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
分手快乐 该用户已被删除
发表于 2015-3-11 04:32:20 | 显示全部楼层
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
小女巫 该用户已被删除
发表于 2015-3-17 22:01:03 | 显示全部楼层
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
飘飘悠悠 该用户已被删除
发表于 2015-3-25 05:30:35 | 显示全部楼层
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-3-29 19:59

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表