📄 picture3.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>

<head>

<title>随机显示的图片</title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }

 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }



-->

</style>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>



<body bgcolor="#fef4d9"> 

<br>

<br>

<center><font color=red face="隶书" size=6>随机显示图片脚本</font></center>

<br>

<center>

<table border=5 bordercolor=blue borderlight=green>

<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr><tr><td align=center height=100 width=300><SCRIPT language="JavaScript"><!--

today=new Date();

jran=today.getTime();



function rnd() {



    ia=9301;

    ic=49297;

    im=233280;



    jran = (jran*ia+ic) % im;

    return jran/(im*1.0);

};



function rand(number) {



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

};



document.write("<CENTER>");

for(i=1;i<=1;i++) {

    myNum=(rand(10)); //改成你要随机显示的图片数；

    if(myNum == 1) document.write("<img src='back.jpg'>"); 

if(myNum == 2) document.write("<img src='j2.gif'>"); //图片路径，可用http://

if(myNum == 3) document.write("<img src='email.gif'>"); 

if(myNum == 4) document.write("<img src='arrow.gif'>"); 

if(myNum == 5) document.write("<img src='j2.gif'>"); 

if(myNum == 6) document.write("<img src='email.gif'>"); 

if(myNum == 7) document.write("<img src='arrow.gif'>"); 

if(myNum == 8) document.write("<img src='j2.gif'>"); 

if(myNum == 9) document.write("<img src='back.jpg'>"); 

if(myNum == 10) document.write("<img src='email.gif'>"); 

    else {

document.write();

}



};



document.write("</CENTER>");





//-->





</SCRIPT>

</td></tr>

</table></center>



<br>

<br>

<center>

<textarea name=source rows=12 cols=45 class=yk9>

脚本说明:

把如下代码加入<body>区域中

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

today=new Date();

jran=today.getTime();



function rnd() {



    ia=9301;

    ic=49297;

    im=233280;



    jran = (jran*ia+ic) % im;

    return jran/(im*1.0);

};



function rand(number) {



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

};



document.write("<CENTER>");

for(i=1;i<=1;i++) {

    myNum=(rand(10)); //改成你要随机显示的图片数；

    if(myNum == 1) document.write("<img src='back.jpg'>"); 

if(myNum == 2) document.write("<img src='j2.gif'>"); //图片路径，可用http://

if(myNum == 3) document.write("<img src='email.gif'>"); 

if(myNum == 4) document.write("<img src='arrow.gif'>"); 

if(myNum == 5) document.write("<img src='j2.gif'>"); 

if(myNum == 6) document.write("<img src='email.gif'>"); 

if(myNum == 7) document.write("<img src='arrow.gif'>"); 

if(myNum == 8) document.write("<img src='j2.gif'>"); 

if(myNum == 9) document.write("<img src='back.jpg'>"); 

if(myNum == 10) document.write("<img src='email.gif'>"); 

    else {

document.write();

}



};



document.write("</CENTER>");





//-->





</SCRIPT>

</textarea>

<SCRIPT LANGUAGE="JavaScript">



<!-- hide



function goHist(a) 



{



   history.go(a);



}



//-->



</script>



<FORM METHOD="post">

<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">

</form>

</center>

<br>

<br>

</body>

</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -