点击循环显示图片

<!DOCTYPE html>
<html>
<head>
    <title>picture</title>
</head>
<body>
        <button onclick="showPicture()" type="button" style="border: 1px solid #ffffff;padding: 0px;">
            <img id="img1" src="pictures/heying0_1.png" width="600" height="450" align="right">
        </button>
    <script type="text/javascript">
        function showPicture(){
            if (typeof(Storage)!=="undefined") {
                if (sessionStorage.clickcount) {
                    sessionStorage.clickcount=Number(sessionStorage.clickcount)+1;
                }else{
                    sessionStorage.clickcount=1;
                }
                //document.getElementById("im").innerHTML="点击按钮 "+sessionStorage.clickcount+"次。";
                document.getElementById("img1").src="pictures/heying0_"+String((sessionStorage.clickcount)%4+1)+".png";
            }else{
                //如果不支持web存储,设置一个默认的
                document.getElementById("img1").src="pictures/heying0_1.png";
            }
        }
    </script>


</body>
</html>
全部评论

相关推荐

2025-12-16 22:45
已编辑
电子科技大学 活动运营
Rain_Codin...:简历感觉有点乱了而且一股AI味,AI简历的一个特点就是废话很多,一个点能分成四个点来讲,可以仔细优化一下。 btw,手机看简历不好看出来,可以把电脑上的简历截图放出来。
点赞 评论 收藏
分享
2025-12-19 14:39
成都东软学院 Java
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务