我要投稿
  • 您当前的位置:57365.com -> 技术教程 -> 网站建设教程 -> DOMJS教程 -> 教程内容
  • [ 收藏本页教程 ]
  • javascript实例教程(9) 随机显示图片DOMJS教程

    教程作者:佚名    教程来源:不详   教程栏目:DOMJS教程    收藏本页
      有时你可以会在一些网站看到一些变化显示的图片,这除了可以利用Flash来制作之外,当然也可以利用本节教程介绍的方法来实现哦。好吧,就开始我们的创作吧。我们可以在网页的最前面部分添加以下的代码来创建一个随机的数字:

    <SCRIPT>

    <!--

    // Randomizer

    rnd.today=new Date();

    rnd.seed=rnd.today.getTime();


    function rnd() {

    rnd.seed = (rnd.seed*9301+49297) % 233280;

    return rnd.seed/(233280.0);

    };


    function rand(number) {

    return Math.ceil(rnd()*number);

    };


    // end randomizer. -->

    </SCRIPT>


    为了创建一个从1到10的随机数字,你可以rand(7)。为了显示随机显示从num1.gif到num7.gif,你可以编写以下代码到你的网页中去:

    <SCRIPT LANGUAGE="JavaScript"><!--

    document.write('<IMG SRC="banner' + rand(7) + '.gif"

    WIDTH="400" HEIGHT="40">');

    //--></SCRIPT>

    一切OK了,你可以欣赏欣赏你的大作了。直到现在你可能会对JavaScript多了一点体会:JavaScript功能是如此的强大。我想这主要归功于JavaScript有许多功能函数。

    点击此处去测试效果页面 
    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.hxswjs.com All Rights Reserved.57365.com 版权所有