演示的案例1

“H5”WordPress主题,分为动画区和内容展示区

这款WordPress企业主题是使用HTML5框架swiper所开发的一款H5主题,我们在对swiper进行测试,采用pc端加载swiper2, 以让pc端的低版本浏览器(ie7~ie9)浏览器可以兼容绝大部分动效代码。

这款WordPress主题分为动画区和内容展示区两个部分,从而让这款主题能够轻松的打造一款即有酷炫动画效果,又能够展示较多内容的网站。是同 时使用WordPress建立手机和电脑端企业网站的首选,你可以在首页打造产品或者服务的动画吸引用户,并且在动画区下方尽可能的放置你的优秀产品或者 服务介绍,从而将吸引到的用户继续浏览,提高转化率。

手机端纯css3动效,并采用高性能的css动画代码,在更多设备上更流畅

在手机端,经过对比,我们采用更高性能的css3动效代码(translate3d)来控制,相比直接使用hover中的top、left等代码来 说,更加流畅,这样的动画方式能够在iphone4(2010年的手机)也十分流畅,对于今年新出的主流手机访问,更是完全不会出现卡顿,跳帧的情况,让 几乎所有的用户都能够流畅体验。

强制浏览器全屏显示,app级的访问感受

手机浏览器访问时,会在上下出现浏览器的一些界面(网站地址、前进后退等),我们在加入了强制全屏代码,将支持强制全屏的浏览器(qq浏览器在ios和安卓系统均可强制全屏,UC浏览器在安卓系统中可以强制全屏,强制全屏需要浏览器支持。)

强制全屏之后,将网站整体全部展示,显示内容更多,给你APP级的感受。手机端焦点图自动判断高度全屏,不管如何的状态,焦点图始终保持全屏状态,更能够吸引用户。