JavaScript实现随机替换图片的方法

 更新时间:2015年04月16日 09:53:30   作者:igoo  
这篇文章主要介绍了JavaScript实现随机替换图片的方法,涉及javascript中Math.random方法的灵活运用,需要的朋友可以参考下

本文实例讲述了JavaScript实现随机替换图片的方法。分享给大家供大家参考。具体如下:

下面代码可实现将页面上的图片随机替换成别的图片,或者随机显示一个图片

<script>
document.write(<img src="img/+parseInt(Math.random()*(5))
+.gif"height="40" width="50">
</script>

其中的图片文件名为: 0.gif 1.gif 2.gif 3.gif 4.gif

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 浅析2种JavaScript继承方式

    浅析2种JavaScript继承方式

    这篇文章主要介绍了2种JavaScript主要继承方式,一种是通过原型的方式,一种是通过借用call&apply的构造函数方式,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • js getElementsByTagName的简写方式

    js getElementsByTagName的简写方式

    用最少的代码,做最多的事情. getElementsByTagName的简写方法.
    2010-06-06
  • JavaScript 开发规范要求(图文并茂)

    JavaScript 开发规范要求(图文并茂)

    作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。
    2010-06-06
  • 基于JavaScript实现购物网站商品放大镜效果

    基于JavaScript实现购物网站商品放大镜效果

    大家在日常生活中都有网购的经验,有的网站会有商品放大镜功能,效果非常棒,那么基于js代码是如何实现的呢?下面小编给大家带来了基于js实现购物网站商品放大镜效果,非常不错,感兴趣的朋友参考下吧
    2016-09-09
  • 序列化模块json代码实例详解

    序列化模块json代码实例详解

    这篇文章主要介绍了序列化模块json代码实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • JavaScript 实现完美兼容多浏览器的复制功能代码

    JavaScript 实现完美兼容多浏览器的复制功能代码

    这两天在做Web前端时,遇到需求通过js实现文本复制的功能。经过一番测试,终于实现了出来,有需要的小伙伴可以参考下。
    2015-04-04
  • 悬浮数字的实现案例

    悬浮数字的实现案例

    本篇文章主要是对悬浮数字的实现案例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 深入理解requestAnimationFrame的动画循环

    深入理解requestAnimationFrame的动画循环

    这篇文章先给大家介绍了什么是requestAnimationFrame,而后才深入讲述关于requestAnimationFrame的动画循环,文章介绍的非常详细,相信对大家学习requestAnimationFrame具有一定的参考借鉴价值,有需要的朋友下面来一起看看吧。
    2016-09-09
  • js 取时间差去掉周六周日实现代码

    js 取时间差去掉周六周日实现代码

    js 求时间差在生活中经常会触及到,本文整理了一些,希望可以帮助有需求的朋友可以,而起还可以实现去掉周六周日这些东东,废话不多说,进入正题
    2012-12-12
  • JavaScript设计模式适配器模式实例

    JavaScript设计模式适配器模式实例

    这篇文章主要介绍了JavaScript设计模式适配器模式实例,适配器设计模式可以让彼此不兼容的功能在一块工作,有助于避免大规模的修改代码,并且易于扩展和兼容
    2022-06-06

最新评论