js鼠标点击图片实现随机变换图片的方法
2015-02-16 00:00
936 查看
本文实例讲述了js鼠标点击图片实现随机变换图片的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
<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="images/m09.jpg"> </a> <br> <font face="Verdana" size="-2">click image to change </center> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- js鼠标点击图片实现随机变换图片的方法
- js实现鼠标感应图片展示的方法
- js实现点击图片将图片地址复制到粘贴板的方法
- js实现鼠标滚轮控制图片缩放效果的方法
- js实现鼠标触发图片抖动效果的方法
- Jquery刷新页面背景图片随机变换的实现方法
- JS实现鼠标点击展开或隐藏表格行的方法
- js实现点击图片将图片地址复制到粘贴板的方法
- js实现背景图片感应鼠标变化的方法
- JS实现在线统计一个页面内鼠标点击次数的方法
- js实现感应鼠标图片透明度变化的方法
- JS实现鼠标点击拖动窗口方法
- js实现点击后将文字或图片复制到剪贴板的方法
- Dreamweaver 简单实现鼠标经过图片变换的方法
- js实现网页随机切换背景图片的方法
- js实现鼠标经过时图片滚动停止的方法
- js实现点击后将文字或图片复制到剪贴板的方法
- js实现鼠标经过时图片滚动停止的方法
- js实现网页随机切换背景图片的方法