📄 021_js_math_random_images.html
字号:
<html>
<head>
<title>Javascript代码-一个随机出图片的Javascript示例(用到Math.random()和Math.round方法)-网页教程与代码的中文站点-布啦布啦-blabla.cn</title>
<meta name="author" content="布啦布啦 www.blabla.cn">
<meta name="keywords" content="Javascript代码,javascript教程,随机变换图片,Math.random,Math.round,随机数,四舍五入,网页教程和代码的中文网站,网页制作,源代码,示例,布啦布拉,blabla.cn,examples">
<meta name="description" content="-网页教程与代码的中文站点-网页制作-布啦布啦-blabla.cn">
<meta name="generator" content="blabla buildsite v2.0 - C:\CodeBank\BLABLA\blablasource\webtutorials\300_js\examples\021_js_math_random_images.txt">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../styles/bla01.css" type="text/css">
<script type="text/javascript">
function WsFvt() {
window.external.addFavorite(
"../default.htm",
"布啦布啦网页教程与代码[www.blabla.cn]");
}
function WsHome() {
event.srcElement.style.behavior = "url(#default#homepage)";
event.srcElement.setHomePage("../default.htm");
}
function WsActOn() {
event.srcElement.className = "wsacton";
}
function WsAct() {
event.srcElement.className = "wsact";
}
function ShowEg() {
IFFrame.document.write(IFText.innerText);
IFFrame.document.close();
IFFrame.document.charset = "gb2312";
}
</script>
</head>
<body class=wsbody>
<div class=wsheader>
<table cellpadding=0 cellspacing=0 class=wslogoarea>
<td class=ws_a1><img src="../images/logo/blabla_logo01.gif" class=blablalogo03></td>
<td class=ws_a2>
<div>
<a href="../index.html">回到布啦布啦首页</a> |
<font class=wsact onmouseover="WsActOn()" onmouseout="WsAct()" onclick="WsFvt()">加入收藏</font> |
<font class=wsact onmouseover="WsActOn()" onmouseout="WsAct()" onclick="WsHome()">设为首页</font>|
<a href="mailto:webmaster@blabla.cn">联系我们</a>
</div>
<div style = "height:20px;"></div>
<div>
<a href="../html_tutorials/index.html">HTML教程</a> |
<a href="../html_tutorials/100_html_examples.html">HTML示例代码</a> |
<a href="../css_tutorials/index.html">CSS教程</a> |
<a href="../css_tutorials/100_CSS_examples.html">CSS示例代码</a> |
<a href="../js_tutorials/index.html">Javascript教程</a> |
<a href="../js_tutorials/100_js_examples.html">Javascript示例代码</a>
</div>
</td>
</tr></table>
</div>
<div><!--Button Area Start -->
<table class=btnarea cellspacing = 0><tr>
<td> </td>
<td class = btnshow>
<Div onclick="ShowEg();" onMouseOver="this.className='btnover';"
onMouseOut = "this.className='btnout';" class = btnout>编辑文本后点击显示结果</Div> <!--Button -->
</td>
<td> </td>
</tr></table>
</div><!--Button Area End -->
<!--Whole Content Part, Left Code Area, Right Result Area -->
<Table class = codearea cellspacing = 0><TR>
<td class = srcarea><!--Code Area Start-->
<div style= "width:100%"><textArea id=IFText class = srctextarea><html>
<head>
<title>一个随机出图片的Javascript示例(用到Math.random()和Math.round方法)</title>
</head>
<body>
<script type="text/javascript">
vNum = Math.random();
vNum = Math.round(vNum*10);
vNum="<img src = \"http://www.blabla.cn/images/js_tutorials/" + vNum + ".jpg\">"
document.write(vNum);
</script>
<p>该Javascript示例解释：首先使用Math.random()得到一个大于等于0，小于1的随机数；然后将随机数乘以10，得到一个大于等于0，小于10的数值；然后用Math.round四舍五入得到一个最接近的整数，这个整数在大于等于0，小于等于10的范围；然后将这个随机整数和HTML代码结合起来，就可以随机产生不同的图片。</p>
</body>
</html>
</textArea></div></td><!--Code Area End-->
<td class= areamargin> </td>
<TD class = resultarea><!--Result Area Start--> <div style= "width:100%"><IFRAME id="IFFrame" frameborder=0 class = resultiframe></IFRAME></div><!--Result Area End--></TD>
<td> </td></TR></Table>
<!--Google Ad Script Start-->
<div style = "text-align:center">
<script type="text/javascript"><!--
google_ad_client = "pub-3105632846497229";
google_alternate_color = "FFFFFF";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "FFC8A8";
google_color_bg = "FFF9F5";
google_color_link = "0058DB";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<!--Google Ad Script End-->
<div class=wsfooter>
<table cellpadding=0 cellspacing=0 class=wsgrid>
<tr><td class=ws_a1>
<!--footer label start-->
© 2005 blabla.cn版权所有
<!--51yes statistics start-->
<script language="javascript" src="http://count1.51yes.com/click.aspx?id=13420718&logo=12"></script>
<!--51yes statistics end-->
</td></tr></table>
</div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -