【分享】Javascript实现图片循环切换的技巧
发布于:2016-09-06 08:47
在 项目中,往往很多 页面效果 存在 “点击”行为,而这些行为经常有 出现 A---B的行为转换; 比如 常见的 JS图片点击切换事件,或者 幻灯效果;
那么如何 简单有效的去实现呢?;;
首先我们看下下面 我写的 一段;
本案例涉及 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条评论
正序查看
倒序查看
0
今日新帖
0
昨日新帖
22
帖子总数
推荐
换一组
暂无数据
暂无评论
回复:【分享】Javascript实现图片循环切换的技巧