本文实例讲述了js鼠标点击图片实现随机变换图片的方法。分享给大家供大家参考。具体实现方法如下:
<html> <title>鼠标点击图片即可随机变换图片</title> <body bgcolor="#fef4d9" OnLoad="swapPic()"> <center> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var rand1 = 0; var useRand = 0; images = new Array; images[1] = new Image(); images[1].src = "images/m01.jpg"; images[2] = new Image(); images[2].src = "images/m02.jpg"; images[3] = new Image(); images[3].src = "images/m03.jpg"; images[4] = new Image(); images[4].src = "images/m04.jpg"; function swapPic() { var imgnum = images.length - 1; do { var randnum = Math.random(); rand1 = Math.round((imgnum - 1) * randnum) + 1; } while (rand1 == useRand); useRand = rand1; document.randimg.src = images[useRand].src; } // End --> </script> <a onClick="swapPic();"> <img name="randimg" src="/UploadFiles/2021-04-02/m09.jpg">希望本文所述对大家的javascript程序设计有所帮助。
最新资源
- SNH48《薄荷糖 (Mint Candy)》[320K/MP3][33.72
- SNH48《薄荷糖 (Mint Candy)》[FLAC/分轨][78.5
- 刘美麟《同生》[320K/MP3][70.99MB]
- 群星.1994-宝丽金最流行3CD【宝丽金】【WAV+CUE
- 群星.2024-聆听“某某”影视原声带【华纳】【FL
- 陈慧娴.1989-永远是你的朋友(2024环球MQA-UHQCD
- 何洛洛.2024-别叫醒我(EP)【光羽】【FLAC分轨】
- 林忆莲.1996-爱莲说2CD【华纳】【WAV+CUE】
- 黄妃.2005-红【亚律】【WAV+CUE】
- 刘美麟《同生》[FLAC/分轨][161.95MB]