Github的在线预览好像有问题,同样的代码,同样的浏览器,效果居然不一样。等我研究研究
XMosaic.js使用说明:
- 参数how指定切换效果,针对每一个分块
- 0,依次淡入
- 1,依次左至右滚动并淡入
- 2,依次上至下滚动并淡入
- 3,依次右至左滚动并淡入
- 4,依次下至上滚动并淡入
- 5,依次右至左交错滚动并淡入
- 6,依次上至下交错滚动并淡入
- 7,依次宽度由0加至100%并淡入
- 8,依次高度由0加至100%并淡入
- 9,宽高同时由0加至100%并淡入
- countX:横向分块个数,默认5
- countY:纵向分块个数,默认1
- order:动画执行顺序,共6种,默认0
- 0,从第一个执行到最后一个
- 1,从最后一个执行到第一个
- 2,从中间执行到两头
- 3,从两头执行到中间
- 4,随机
- 5,同时执行
- delay:暂停时间,默认4000
- pager:页码块的id
- 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: