H5FullscreenPage 特效页面上线

Micah2015年07月22日 15:50 分类 : Web前端  > HTML
阅读: 2468

分享到微信朋友圈

欢迎使用H5fullscreenpage.js,制作滚动性页面的js或者jquery。它支持高性能的pc 和移动,支持音乐、css动画。

欢迎使用H5fullscreenpage.js,制作滚动性页面的js或者jquery。它支持高性能的pc 和移动,支持音乐、css动画。

<link rel="stylesheet" type="text/css" href="H5FullscreenPage.css">
<script type="text/javascript" src="zepto.js"></script>
<script type="text/javascript" src="H5FullscreenPage.js"></script>

如果你想使用css动画在您的项目中,您还可以包括

<link rel="stylesheet" type="text/css" href="page-animation.css">

插件地址:http://lvming6816077.github.io/H5FullscreenPage/


使用参数

H5FullscreenPage.init(options);

options:(default)



{
    'type' : 1,
    'pageShow' : function(page){},
    'pageHide' : function(page){},
    'useShakeDevice' : {
        'speed' : 30,
        'callback' : function(page){}
    },
    'useParallax' : true,
    'useArrow' : true,
    'useAnimation' : true,
    'useMusic' : {
        'autoPlay' : true,
        'loopPlay' : true,
        'src' : 'http://mat1.gtimg.com/news/2015/love/FadeAway.mp3'
    }
 };





Micah
IT技术整理

精彩评论:0

还可以输入250个字 评论

评论成功

评论失败

 

微信公众号

微博