阅读网站源码,手机网站关键,网站建设利弊,内容平台点击按钮时将当前显示的图片切换为指定要显示的图片
效果图演示
未点击更换图片之前显示的图片 点击更换图片之后 程序详解#xff1a;
准备两张互相切换的图片给更换图片按钮添加点击事件把两张图片放在一个数组里点击按钮后执行判断如果是第一张图片就换成第二张#…点击按钮时将当前显示的图片切换为指定要显示的图片
效果图演示
未点击更换图片之前显示的图片 点击更换图片之后 程序详解
准备两张互相切换的图片给更换图片按钮添加点击事件把两张图片放在一个数组里点击按钮后执行判断如果是第一张图片就换成第二张如果是第二张图片就换成第一张
代码演示
注意 我的两个图片命名为0.jpg和1.jpg
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlestyleimg{width: 150px;height: 130px;}/style/headbodyimg src0.jpg idimgShowinput typebutton value更换图片 onclickchangeImg() //bodyscriptvar i 0;var imgs[1.jpg,0.jpg];function changeImg(){document.getElementById(imgShow).srcimgs[i];if(i0){i1}else{i0}}/script
/html
了解过程之后也快去试试吧
