Github的在线预览好像有问题,同样的代码,同样的浏览器,效果居然不一样。等我研究研究

XMosaic.js使用说明:

  1. 参数how指定切换效果,针对每一个分块
    • 0,依次淡入
    • 1,依次左至右滚动并淡入
    • 2,依次上至下滚动并淡入
    • 3,依次右至左滚动并淡入
    • 4,依次下至上滚动并淡入
    • 5,依次右至左交错滚动并淡入
    • 6,依次上至下交错滚动并淡入
    • 7,依次宽度由0加至100%并淡入
    • 8,依次高度由0加至100%并淡入
    • 9,宽高同时由0加至100%并淡入
  2. countX:横向分块个数,默认5
  3. countY:纵向分块个数,默认1
  4. order:动画执行顺序,共6种,默认0
    • 0,从第一个执行到最后一个
    • 1,从最后一个执行到第一个
    • 2,从中间执行到两头
    • 3,从两头执行到中间
    • 4,随机
    • 5,同时执行
  5. delay:暂停时间,默认4000
  6. pager:页码块的id
  7. event:触发页码切换的事件,默认mouseover

XMosaic.js,javascript版马赛克遮罩切换效果,原文: 脚儿网

初始实现代码:
var msk = XMosaic('jsF',{pager:'pager',delay:3000,countX:10,countY:5,how:2,order:4 });
HTML代码请查看本页源文件。
切换参数查看更多效果
how: countX: countY: order: