灵便应用标识控制模块做发呆奇的切换实际效果

1、简述


提前准备好素材,设计方案好照片,灵便应用横向标识控制模块便可做出酷炫奇异的切换实际效果!让您的网站鲜活起来!



2、实例教程实际效果


实际效果截图:




3、提前准备工作中

   

【圣诞老年人一部分】

1.运用ctrl+alt+A的截图的方式,查询必须置放横向标识控制模块的地区的宽度,如实例教程里的照片宽度是870

2.提前准备好1张和标识控制模块宽度1致的情况图,如实例教程里的4格圣诞老年人照片。(是1张照片哟!其实不是4张哦!)

3.提前准备好1张情况色为全透明,仅有粗线内边框的png照片。边框的宽高按2.情况图的布局宽高来开展自定设定哦~


【文本一部分】

1.提前准备好n张文本情况图,宽度必须和标识控制模块的宽度1致,而高宽比则按要求自定设定。

(设计方案时请留意标示箭头的部位哦~为何是n张呢?比如实例教程是4个控制模块切换,则必须提前准备4张文本情况图)



4、详尽流程


1.加上 横向标识 控制模块


   


2.加上图文展现控制模块,编写好文章字、不填写题目,点一下储存。




3.电脑鼠标移到控制模块上,点一下设定款式,设定文本情况图。




4.按要求加上好几个图文展现控制模块,反复2.3.的实际操作,并将新加的图文展现控制模块拖进标识控制模块。



5.电脑鼠标放在标识控制模块上,点一下“设定款式”。



6.挑选 标识栏 选项卡,提交设计方案好的情况图(比如实例教程里的圣诞老年人的照片),并设定导航栏区高宽比、全透明情况色、掩藏控制模块边框。



7.挑选标识项选项卡,参照下图设定出电脑鼠标移过的切换实际效果。



8.设定好后点一下明确,储存。便可查询到实际效果~


PS:实例教程里所填写的主要参数值仅供参照,实际填是多少必须依据您的照片具体状况来设定哦~