Dreamweaver cs5怎么做鼠标经过显示菜单?
如图,我昨晚做的时候差不多完美了(但其实什么都不会,瞎搞的),可惜两个字一上一下调整不了,有谁可以教我科学地做这个菜单呀。就像小米这种,鼠标经过某一栏会显示内容。...
如图,我昨晚做的时候差不多完美了(但其实什么都不会,瞎搞的),可惜两个字一上一下调整不了,有谁可以教我科学地做这个菜单呀。就像小米这种,鼠标经过某一栏会显示内容。
展开
1个回答
展开全部
导航菜单用ul,外面一个div包住。
移动上去后显示菜单,用div
导航的div设置相对,出来的设置绝对定位
overflow: hidden;超出即隐藏
可以用另外的方法:
移动到li上面出现的div大小:
原先的div设置好定位后,可以将原始状态给宽高为0,设置overflow:hidden;
伪类上设置宽高,就不需要设置display:none和display:block了,可以加
transition延迟特效,转圈特效(伪类上设置transform:rotate(360deg))
让伪类的div显示在导航栏右边的方法:将导航栏的大div设置相对定位,然后给移动出来的div设置绝对定位定到边上(left:200px;top:0;),设置隐藏overflow也好,设置宽高为0也行。hover伪类上设置显示或宽高增加。
移动上去后显示菜单,用div
导航的div设置相对,出来的设置绝对定位
overflow: hidden;超出即隐藏
可以用另外的方法:
移动到li上面出现的div大小:
原先的div设置好定位后,可以将原始状态给宽高为0,设置overflow:hidden;
伪类上设置宽高,就不需要设置display:none和display:block了,可以加
transition延迟特效,转圈特效(伪类上设置transform:rotate(360deg))
让伪类的div显示在导航栏右边的方法:将导航栏的大div设置相对定位,然后给移动出来的div设置绝对定位定到边上(left:200px;top:0;),设置隐藏overflow也好,设置宽高为0也行。hover伪类上设置显示或宽高增加。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询