自适应网站banner有文字飞过的效果如何实现？

时间: 2017-03-31 11:38:08 点击数: 30444

响应式网站因为能实现多种炫酷的网站效果深受企业建站者喜爱，而作为影响网站70%颜值的网页banner模块，成了站长重点倒腾的对象。不少站长都希望网站的banner图能更吸引眼球，比如在显示轮播图的同时有文字飞过。作为对技术不太了解的小白，有没有办法做出来呢？

答案肯定是有的，建站宝盒就有这些隐藏功能，你们知道吗？

效果一：Banner图上文字动效

操作方法：

1、先为网站设置全局背景

2、直接在背景基础上添加文字模块，右击属性设置动画效果，支持设置进入、强调、退出动画，频率和次数全部自定义，支持循环。

3、根据设置的参数，可以预览不同的banner效果。

效果二：banner图上固定文字

操作方法：

1、图示效果是在banner模块基础上添加遮罩实现的，右击banner模块属性，可以选择是否开启遮罩，设置遮罩颜色和透明度即可。

2、在遮罩基础上添加文字模块，直接在模块栏拖拽一个文字模块，设置属性即可。

3、效果预览，在手机端显示可隐藏部分文字模块，使页面更为简洁。

效果三：banner图上文字动效+跳转

以上效果需要用到选项卡模块，制作过程之前有详细介绍，在此不再累述。有兴趣的站长可点击：选项卡banner设置方法

除了上面列举的典型效果，建站宝盒还支持做现在主流网站的banner加搜索栏效果，直接在轮播图基础上添加搜索框，网站瞬间洋气有木有！

建站宝盒的所有设置都不涉及编程，如果你是技术小白，想做上面这些效果是最好不过了。如果你是技术大咖，觉得上面的效果太“小儿科”，欢迎加入建站宝盒模板开发者计划，帮助更多企业网站实现炫酷效果。更多实用功能实现，敬请持续关注！