来讲讲：CSS完成导航条图片的翻转菜单

只看该作者 · 发表于 2015-1-16 00:26:52

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

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

x

每个声明内只能有一个属性，如果属性值中含有空格用双引号括起来例，在一个声明块内可以有多个声明，每个声明用分号隔开。
　　假如用传统的办法制造这个翻转菜单，最少必要把图片切成10块，还要加上JS代码，在图片按钮上再加举动，如今完整用CSS来完成，图片只需一张，见下图：
　　

登录/注册后可看大图

CSS代码:
<p/>　　计划的更体恤，照应纯文本扫瞄的伴侣:
　　能够在LI内套进SPAN元素，到场文本链接，在作风中设SPAN不成见。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en"><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><scriptsrc="http://www.google-analytics.com/urchin.js"type="text/javascript"></script><scripttype="text/javascript">_uacct="UA-152060-1";urchinTracker();</script><styletype="text/css"></style></head><body><ulid="imgmenu"><liid="activeh"><ahref="#"></a></li><liid="about"><ahref="#"></a></li><liid="pro"><ahref="#"></a></li><liid="faq"><ahref="#"></a></li><liid="contact"><ahref="#"></a></li></ul><p>Backto<ahref="http://www.jztop.com">www.jztop.com</a></p></body></html>
运转代码复制代码另存代码保藏本页

Table布局灵活性不大，你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。

只看该作者 · 发表于 2015-1-18 06:41:38

由CS4版本开始，则转用WebKit排版引擎（亦即GoogleChrome和AppleSafari浏览器所用的排版引擎）作为网页预览。

只看该作者 · 发表于 2015-1-25 17:00:32

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

只看该作者 · 发表于 2015-2-3 11:56:54

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

只看该作者 · 发表于 2015-2-8 22:40:07

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

只看该作者 · 发表于 2015-2-26 13:04:27

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-3-8 15:23:51

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

只看该作者 · 发表于 2015-3-16 04:51:32

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

只看该作者 · 发表于 2015-3-22 20:11:37

HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器）

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来讲讲：CSS完成导航条图片的翻转菜单

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

相关帖子