具体内容如下
知识点:
1.window.onload网页全部加载完后再执行
2.获取元素 设置属性
3.临界情况判断
运行效果:
点击上一张下一章切换图片
代码:
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>#box{width:1200px;margin:0auto;}</style><body><pid="box"><imgid="icon"src="images/阿鲁1.gif"alt=""><p></p><buttonid="prep">上一张</button><buttonid="next">下一张</button></p><script>window.onload=function(ev){//1.获取标签varprep=document.getelementbyid('prep');varnext=document.getElementById('next');varicon=document.getElementById('icon');//2.点击varcurrentIndex=1,minIndex=1,maxIndex=10;prep.onclick=function(ev1){if(currentIndex===minIndex){currentIndex=maxIndex;}else{currentIndex--;}icon.setattribute('src','images/阿鲁'+currentIndex+'.gif');};next.onclick=function(ev1){if(currentIndex===maxIndex){currentIndex=minIndex;}else{currentIndex++;}icon.setattribute('src','images/阿鲁'+currentIndex+'.gif');}}</script></body></html>
看完了这篇文章,相信你对“JS实现图片切换特效的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注本站行业资讯频道,感谢各位的阅读!
本文由 贵州做网站公司 整理发布,部分图文来源于网络,如有侵权,请联系我们删除,谢谢!
抖音(Tiktok)是由北京字节跳动科技有限公司(ByteDance)孵化的音乐创意短视频社交网站。它于2016年9月20日上线,主要面向全年龄段的用户,尤其是...
飞极速为您提供高清在线电影、电视剧大全、动画片,综艺等,飞极速在线更新及时,播放速度快,给您带来最好的观影体验!飞极速在线,免费提供日本新番动漫、最新电影和最新...
《南华早报》(英语:South China Morning Post, SCMP)和星期日出版的《星期日南华早报》(英语:Sunday Morning Post...
(资料图)板块有:1、风帆股份太阳能。2、力诺太阳能,高硼硅管材行业第一 。3、威远生化太阳能,新能源领域的不断拓展。4、杉杉股份太阳能,上游领域独具优势。5、特变电工太阳能,组件制造新力量。6、航天机电太阳能,控股子公司国内领先。7、维科精华太阳能,着力打造新能源航母。8、交大南洋太阳能,控股子公司生产能力强。...
亚洲金融危机是指发生于哪一年?亚洲金融危机发生在1997年,它最开是席卷了泰国,此后波及到日本、新加坡、韩国等等国家,导致货币、股市大幅度下跌,造成经济甚至政治危机。整个亚洲金融危机分为三个阶段,直到1999年才结束。金融危机是指金融投资、金融市场以及金融机构的危机,是金融界的一种术语,其具体的表现情况就是金融资产价格大幅度下降或者大部分金融易购倒闭、临近破产等等,是整个经济体系的大灾难。1998...
(相关资料图)关于湖北移动合家欢怎样收费的知识大家了解吗?以下就是小编整理的关于湖北移动合家欢怎样收费的介绍,希望可以给到大家一些参考,一起来了解下吧!1、超能合家欢页面添加的流量共享成员不超过三人时,收取主卡账户每月10元功能费;超过三人时,收取主卡账户每月15元功能费,副卡不收取功能费。2、50GBWLAN流量仅限中国内地使用,最多支持3台终端同时在线使用。认证账号密码统一使用主账户的手机号码...