仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 728|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:CSS网页计划实例:商旅网首页的标签切换

[复制链接]
老尸 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:12:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
破洛洛文章简介:CSS网页计划实例:商旅网首页的标签切换.

上个月的项目了。。。标签切换有良多办法能够完成,这里贴一段我团体很喜好用的代码:
<ulclass=“tabmenu”>
<liclass=“menu_flt”>机票</li>
<li>旅店</li>
<li>旅游度假</li>
</ul>关于web尺度化来说,这类布局很明晰,当图片未显现的时分一样能够晓得文本内容,并且有益于SEO。背景图片分两块:on和off效果,兼并到一同,如图所示:

个中全部模块的底部圆角也兼并到了图片上,本段代码不包含,请自行疏忽~~~

1.给<ul>加下面那条背景,默许都为off形态,再分离给每一个<li>加对应的on款式。经由过程js判别哪一个菜单高亮,省略<a>标签;
2.li的高度设为零,如许html中的笔墨就不会显现了,再padding-top,把高度补返来。团体不保举text-indent:XXXXem,有<a>时会看到核心框已超越屏幕。
附款式:
.tabmenu{width:396px;height:37px;background:#c6d9f6url(“un_tabmenu.gif”)no-repeat00;}
.tabmenuli{float:left;display:inline;width:132px;height:0;overflow:hidden;padding-top:37px;cursor:pointer;}
.tabmenuli.menu_flt{background:url(“un_tabmenu.gif”)no-repeat0-37px;}
.tabmenuli.menu_hotel{background:url(“un_tabmenu.gif”)no-repeat-132px-37px;}
.tabmenuli.menu_pkg{background:url(“un_tabmenu.gif”)no-repeat-264px-37px;}</p>
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
谁可相欹 该用户已被删除
沙发
发表于 2015-1-17 20:45:15 | 只看该作者
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
精灵巫婆 该用户已被删除
板凳
发表于 2015-2-1 16:37:02 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
蒙在股里 该用户已被删除
地板
发表于 2015-2-7 11:39:22 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
老尸 该用户已被删除
5#
 楼主| 发表于 2015-2-22 02:47:21 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
乐观 该用户已被删除
6#
发表于 2015-3-6 23:51:07 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
小魔女 该用户已被删除
7#
发表于 2015-3-13 23:51:12 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
兰色精灵 该用户已被删除
8#
发表于 2015-3-21 00:18:13 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 08:15

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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