JS技术

Javascript教程_图片切换封装特效picChange-0.1_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-26 18:11 我要评论( )

Javascript教程_图片切换封装特效picChange-0.1,学习Javascript教程_图片切换封装特效picChange-0.1,Javascript教程_图片切换封装特效picChange-0.1,查看Javascr

能够根据图片html代码自动生成右下角的数字导航按钮。

一句话函数调用,实现图片切换特效。

引用: picChange("图片ul列表的id" , 切换图片的方法引用 , 图片切换时间 , 图片移动方向);

可扩展的封装方式,方便实现不同特效,源码中给出了淡出效果,和移出效果的实现方式。

使用方法示例:

引用: //直接切换效果
picChange("picChange");
//淡出效果
picChange("picChange",fade,500);
//向上移出效果
picChange("picChange",move,500,"up");
//向下移出效果
picChange("picChange",move,500,"down");
//向左移出效果
picChange("picChange",move,500,"left");
//向右移出效果
picChange("picChange",move,500,"right");

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Javascript教程_图片切换封装特效picChange-0.1_Javascript教程

    Javascript教程_图片切换封装特效picChange-0.1_Javascript教程

    2015-09-26 18:11

网友点评