您的位置:首页 > 运维架构 > 网站架构

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

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

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

效果一:Banner图上文字动效



操作方法:

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



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





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





效果二:banner图上固定文字



操作方法:

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



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



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





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



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

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



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

了解建站宝盒:http://www.iisp.com/special/v9special/index.php?s=yuqiuping
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息