转至繁体中文版　　　  | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告：     敏韬网|教学资源学习资料永久免费分享站！  [mintao  2008年9月2日]        
您现在的位置： 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
用JavaScript实现一些随机事件    热     ★★★★

用JavaScript实现一些随机事件

作者：闵涛 文章来源：闵涛的学习笔记 点击数：1067 更新时间：2009/4/23 11:21:13
1、随机广告

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="The World's Largest Online Bookstore, Amazon.com";
url="http://www.amazon.com";
alt="amazon.com";
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Palm III by 3Com, in stock!";
url="http://cybershop.com/";
alt="cybershop.com";
banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Find it at GoTo.com";
url="http://www.goto.com";
alt="goto.com";
banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0>
');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
2、随机背景颜色

<HTML>
<HEAD>
<TITLE>Random Background</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
function backcolor(form) {
temp = ""
for (var i = 0; i < 16; i++) {
temp = form.color[i].value
if (form.color[i].checked){ document.bgColor = temp }
　 }
}
function randombackground() {
document.bgColor = getColor()
}
function getColor(){
currentdate = new Date()
backgroundcolor = currentdate.getSeconds()
if (backgroundcolor > 44)
backgroundcolor = backgroundcolor - 45
else if (backgroundcolor > 29)
backgroundcolor = backgroundcolor - 30
else if (backgroundcolor > 15)
backgroundcolor = backgroundcolor - 16
if (backgroundcolor == 0 )
return "olive";
else if (backgroundcolor == 1 )
return "teal";
else if (backgroundcolor == 2 )
return "red";
else if (backgroundcolor == 3 )
return "blue";
else if (backgroundcolor == 4 )
return "maroon";
else if (backgroundcolor == 5 )
return "navy";
else if (backgroundcolor == 6 )
return "lime";
else if (backgroundcolor == 7 )
return "fuschia";
else if (backgroundcolor == 8 )
return "green";
else if (backgroundcolor == 9 )
return "purple";
else if (backgroundcolor == 10 )
return "gray";
else if (backgroundcolor == 11 )
return "yellow";
else if (backgroundcolor == 12 )
return "aqua";
else if (backgroundcolor == 13 )
return "black";
else if (backgroundcolor == 14 )
return "white";
else if (backgroundcolor == 15 )
return "silver";
}
// End -->
</SCRIPT>
</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff>

<CENTER>
<FORM>
<input type="button" value="随机背景颜色" onClick="randombackground()">
</FORM>
</CENTER>

</body></html>

3、随机背景图案

<HTML>
<HEAD>
<TITLE>Random Images</TITLE>

<SCRIPT LANGUAGE="JavaScript">

today=new Date();
jran=today.getTime();
var number = 3;
var random_number="";
var image="";
var text_color="";

ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
random_number = Math.ceil( (jran/(im*1.0)) *number);

if (random_number==1) {
text_color="000000";
image="bg1.gif";
}
if (random_number==2) {
text_color="000000";
image="bg2.jpg";
}
if (random_number==3) {
text_color="000000";
image="bg3.gif";
}
// End -->
</SCRIPT>
</HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.open();
document.write("<BODY BACKGROUND='"+image+"' TEXT='"+text_color+"' vlink=#0000ff>");
document.write("<CENTER></CENTER>");
// End -->
</SCRIPT>

<FORM>
<INPUT　TYPE="button" VALUE="Reload　Page" onClick="window.location='RandomBgImages.htm'">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("<CENTER><FONT SIZE=-1 color=red>Background Image: ("+image+")</FONT></CENTER>");
// End -->
</SCRIPT>

</body></html>
4、随机图案

把以下代码放在<head></head>之间：
<script language="JavaScript">
a = 4
var slump = Math.random();
var talet = Math.round(slump * (a-1))+1;
function create() {
　　　　this.src = '
　　　　this.border = '
this.alt = '
}

b = new Array()
for(var i=1; i<=a; i++) { b[i] = new create() }

b[1].src　　= "reset.gif"
b[1].border = "0"
b[1].alt　　= "111"

b[2].src　　= "back.gif"
b[2].border = "0"
b[2].alt　　= "222"

b[3].src　　= "ie.gif"
b[3].border = "0"
b[3].alt　　= "333"

b[4].src　　= "netscape.gif"
b[4].border = "0"
b[4].alt　　= "444"

var visa = "";
visa += '<img src='+b[talet].src+' border="0"'+' alt='+b[talet].alt+'>';
</SCRIPT>

把以下代码放在HTML文件任意地方：
<script language="JavaScript">
<!-- Hide this script from old browsers --
document.write(visa)
// -->
</script>
5、随机播放MIDI音乐

把以下代码放在<head></head>之间：
<script language="JavaScript">
<!--Hide from non JavaScript browsers
am = 5
var ran = Math.random();
var talet = Math.round(ran * (am-1))+1;
function create() {
　　　　this.src = '
}

c = new Array()
for(var i=1; i<=am; i++) { c[i] = new create() }

c[1].src　　= "hh1.mid"
c[2].src　　= "hh2.mid"
c[3].src　　= "hh3.mid"
c[4].src　　= "hh4.mid"
c[5].src　　= "hh5.mid"
var vismid = "";

vismid += '<embed src='+c[talet].src+' width=0 height=0'+' autostart=true'+' loop=2'+'>';
//-->
</SCRIPT>
把以下代码放在<body></body>之间：
<script language="JavaScript">
<!--Hide from non JavaScript browsers
document.write(vismid);
//-->
</script>
6、随机文本

把以下代码放在<head></head>之间：
<script language="JavaScript">
<!-- Hide
var a = Math.random() + ""
var rand1 = a.charAt(5)
quotes = new Array
quotes[1] = "MESSAGE #1"
quotes[2] = "MESSAGE #2"
quotes[3] = "MESSAGE #3"
quotes[4] = "MESSAGE #4"
quotes[5] = "MESSAGE #5"
quotes[6] = "MESSAGE #6"
quotes[7] = "MESSAGE #7"
quotes[8] = "MESSAGE #8"
quotes[9] = "MESSAGE #9"
quotes[0] = "MESSAGE #10"
var quote = quotes[rand1]
// -->
</script>
把以下代码放在HTML文件任意地方：
<script language="JavaScript">
<!-- Hide
document.write("<i>" + quote + "</i>")
// -->
</script>
7、随机连接

把以下代码放在<head></head>之间：
<script language="JavaScript">
<!--Hide from non JavaScript browsers
an = 5
var ran = Math.random();
var talet = Math.round(ran * (an-1))+1;
function create() {
　　　　this.src = '

}

b = new Array()
for(var i=1; i<=an; i++) { b[i] = new create() }

b[1].src　　= "<a href='http://netscape.yahoo.com/guide/Whats_cool.html'>"
b[2].src　　= "<a href='http://www.disney.com'>"
b[3].src　　= "<a href='http://www.peoplelink.com/'>"
b[4].src　　= "<a href='http://www.china-contact.com/cool/interest.htm'>"
b[5].src　　= "<a href='HTTP://www.homeway.com.cn/html/homeway/navigator/index.html'>"
var vis = "";
vis += b[talet].src;
//-->
</SCRIPT>
把以下代码放在<body></body>之间：
<script language="JavaScript">
<!--Hide from non JavaScript browsers
document.write(vis+"random link"+"</a>");
//-->
</SCRIPT>


没有相关教程
教程录入：mintao    责任编辑：mintao 
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
    		•
    赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题，因而无法显示。
    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长：MinTao ICP备案号：鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网。A打造B、C、D……
    		咸宁网络警察报警平台