专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Asp » js代码:js实现随机显示图片代码 »正文

js代码:js实现随机显示图片代码

来源: 发布时间:星期四, 2008年9月25日 浏览:2次 评论:0

JS随机图片的效果以前还没做过,今天看到了就给大家发出来,这个效果用得很多,不过我没有用过,大家可以把代码拷贝过去看看能不能使用.修改一下图片地址就可以了!

<!DOCTYPEHTMLPUBLIC\"-//W3C//DTDHTML4.01Transitional//EN\"
\"http://www.w3.org/TR/html4/loose.dtd\">
<html>
<head>
<metahttp-equiv=\"Content-Type\"content=\"text/html;charset=utf-8\">
<title>UntitledDocument</title>
<styletype=\"text/css\">
<!--
body{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:90%90%;
}
-->
</style>
</head>
<body>
随机图片:<br>
当前页的背景图片是随机的,它的位置在页面的右下角.请刷新,查看效果.
</body>
</html>
<scriptlanguage=\"javascript\"type=\"text/javascript\">
varoImgs=newArray(
\"http://www.blueidea.com/img/common/logo.gif\",
\"http://gg.blueidea.com/2005/alipay/208x32.gif\",
\"http://gg.blueidea.com/2005/chinaok/ad02-2.gif\",
\"http://www.blueidea.com/bbs/images/announce.gif\",
\"http://gg.blueidea.com/2005/olay/olay.gif\",
\"http://gg.blueidea.com/2005/alipay/760x80.gif\"
);
varn=oImgs.length;
varcurrIndex=Math.round(Math.random()*n)
//alert(currIndex);
document.body.style.backgroundImage=\"url(\"+oImgs[currIndex]+\")\"
</script>

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称:
  • 内容: