【分享】Javascript实现图片循环切换的技巧

发布于:2016-09-06 08:47

在 项目中,往往很多  页面效果 存在 “点击”行为,而这些行为经常有 出现  A---B的行为转换; 比如 常见的  JS图片点击切换事件,或者 幻灯效果;

那么如何 简单有效的去实现呢?;;


B_01.gif

首先我们看下下面 我写的 一段;


本案例涉及 JS的  变量、数组以及判断,不熟悉的同学 可以几把这个基础 多练习N遍.....


var img1=document.getElementById('tu001');

var onoff=true;

   img1.onclick=function(){

   if(onoff){                          

   img1.src="images/02.jpg";

   onoff=false;                      

   }else{

   img1.src="images/01.jpg";

    onoff=true;                           //要点:自建个判断条件,实现二次行为互换,就存在所谓的 循环点击切换效果了;

   }


}

========================================================

我是班主任:吴良, 更多课程问题,欢迎和我交流......

共有0条评论
正序查看
倒序查看
empty

暂无评论

回复:【分享】Javascript实现图片循环切换的技巧

图片
视频

0

今日新帖

0

昨日新帖

22

帖子总数

推荐
换一组
暂无数据