js鼠标点击图片实现随机变换图片的方法
本文实例讲述了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="images/m09.jpg">
</a>
<br>
<font face="Verdana" size="-2">click image to change
</center>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍js实现单击图片放大图片的方法，包括了js实现单击图片放大图片的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现单击图片放大图片的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍js实现点击图片改变页面背景图的方法，包括了js实现点击图片改变页面背景图的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现点击图片改变页面背景图的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JavaScript实现随机替换图片的方法，包括了JavaScript实现随机替换图片的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript实现随机替换图片的方法。分享给大家供大家参考。具体如下： 下面代码可实现将页面上的图片随机替换成别的图片，或者随机显示一个图片 其中的图片文件名为： 0.gif 1.gif 2.gif 3.gif 4.gif 希望本文
-
本文向大家介绍js实现背景图片感应鼠标变化的方法，包括了js实现背景图片感应鼠标变化的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现背景图片感应鼠标变化的方法。分享给大家供大家参考。具体分析如下： 鼠标点击后背景图片变化，点击另外一个菜单项前面的会自动恢复背景，其实这个如果单纯使用CSS是没办法做的，我们还要使用JS来判断鼠标状态，代码如下： 希望本文所述对大家的javasc
-
本文向大家介绍jquery实现图片跟随鼠标的实例，包括了jquery实现图片跟随鼠标的实例的使用技巧和注意事项，需要的朋友参考一下 jquery实现图片跟随鼠标的实例 开发后台写页面困难的一比啊，想写个鼠标移动某连接右侧显示二维码，并跟随鼠标移动的功能，各种查资料，花了一小天终于搞出来了，代码的记下来，浪费了我这么多时间，记你一辈子，这个可以直接在W3School直接运行，可以根据某行显示某个特
-
本文向大家介绍js实现鼠标感应图片展示的方法，包括了js实现鼠标感应图片展示的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现鼠标感应图片展示的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。