行业门户网站建站-滑动菜单的制作(组图)

2021-04-14 09:25 jianzhan
--------

行业门户网站建站

------- 今日应朋友们要求,来对我网站上一个拖动菜单实际效果写一篇简易的实例教程;在牛筋大学手机软件部有一个有关层拖动的实际效果,仿佛Itnow上的广告宣传也是选用的这样实际效果,无需的情况下掩藏,用的情况下点一下一下按钮层就渐渐地的拖动出来,即节约了比较有限的网页页面室内空间,还做到了让人羡慕嫉妒的视觉效果实际效果,觉得起来还非常好。这个实际效果大伙儿能够点一下这里查看.

 



3.在网页页面上插进一个长500pix的表格(这里表明:插进表格的目地是以便操纵层在不一样辨别率下维持相对性的部位不会改变,假如你的网页页面之前沒有做有关设定,那末这一部你将会要费点时间梳理一下你的网页页面构造)。

4. 将光标置入表格内,点一下菜单 [插进 层] 插进一个长500高20的涂层,并取名为layer1。

5. 随后再将光标置入涂层layer1,点一下菜单[插进 层]再插进一个长500高130的涂层layer2;并将layer2的特性中左侧距和上边距都设定为0,并为它特定一个你喜爱的情况色。

6.随后反复流程5的方式,再插进一个涂层layer3,这个涂层没甚么独特的用途,在我的这个实例教程中,我只但是是以便置放几个按钮罢了。最终我的开起来如图:

 


TI凡科抠图:这里这么做的目地是以便给你要拖动的涂层前面加一个挡板,仅有当点一下的情况下涂层才从你的这个涂层下慢慢的拖动出来。

如今刚开始,才宣布进到到大家今日要制作的拖动菜单的制作全过程中。1

如今让大家再度反复上面的流程5,再插进一个涂层layer4,设定涂层特性为宽500、150高,恰好是刚刚layer2和layer3的高宽比之和,并将涂层layer4调剂到此外两个涂层下面。如图:

 


随后大家点一下涂层layer2前面的眼睛让他闭合,这样能够让大家看到它下面的涂层layer4.

这时候,大家点一下ALT +F9开启時间轴面板,DW早已为大家加上了默认设置的時间轴Timeline1,随后,大家选中大家要拖动的涂层layer4,在上面点一下右键,挑选[加上到時间轴]这时候大家能够在時间轴面板中看到大家刚刚制定的涂层layer4,这表明,大家早已加上取得成功了!

 


随后大家点一下時间轴上的第15桢,将涂层layer4的特性面板中的上边距调剂为150。到这里,一个能拖动的涂层就算做好了,你能够拖动時间轴上面的鲜红色方块渐渐地从1走向15,你便可以看到你的这个涂层渐渐地的从layer2和layer3下面拖动出来!

 


好了,如今大家只需要给这个会拖动的涂层layer4设定一个能够激活他的姿势就算over了:)这之前,我早已在我加上的layer3上插进了一个表格,并为layer4设定了两个按钮。 ---------

行业门户网站建站

------------