1、利用css的:hover
<div id="content">这是原本的div层
<div id="show">
<p>这是鼠标移动上去后的div层</p>
</div>
</div>
<style type="text/css">
*{
margin: 0
padding: 0
}
#content{
background:#0CF
height:200px
width:200px
margin-left: 20px
margin-top: 20px
}
#show{
width:200px
height:200px
margin-top: 20px
background:#F09
top:0px
position:absolute
opacity: 0
display: block
font-size: 12px
transition: 0.3s
-webkit-transition: .5s
-moz-transition: .5s
}
#content:hover #show{
color: #656e73
opacity: 1
}
</style>
基于HTML5的旅游网站设计有哪些步骤?
1. 旅游网站现状概述
2. 项目概述
3. 旅游网站的设计
4. 旅游网站的实现
第一步:与用户沟通需求,了解用户的实际需求,写出需求分析报告(既用户要建什么样的旅游网站,需要达到什么样的目的)
第二步:根据需求分析报告,对旅游网站进行设计(包括旅游网站的整体架构、网站的硬件需求、以及网站的功能性需求:网站的登录注册、会员管理功能、网站的游客评价、订单查询功能、网站的线路酒店展示旅游攻略、旅游资讯功能。)
思途CMS旅游网站定制开发的步骤是:提交需求〉沟通需求〉开发流程〉交付线上〉