【无标题】

最新推荐文章于 2024-07-13 13:55:40 发布

我是一个被it搞的帅哥

最新推荐文章于 2024-07-13 13:55:40 发布

阅读量33

点赞数

文章标签： java

本文链接：https://blog.csdn.net/m0_68804273/article/details/124002684

版权

JS--部分案例

1.随机数
2.文字效果
3.图片切换

1.随机数

<head>
		<meta charset="utf-8" />
		<title>随机数</title>
		<script>
		function myrandom(){
	var a=Math.round(Math.random()*9);
	var b=Math.round(Math.random()*9);
	var c=Math.round(Math.random()*9);
	document.all["mydiva"].innerHTML=a;
	document.all["mydivb"].innerHTML=b;
	document.all["mydivc"].innerHTML=c;
}
		function mstart(){
	 timera=setInterval('myrandom()',10);
	}
		function mstop() {
	    clearInterval(timera);
}</script>
	</head>
	<body>
		<div>
		<table align="center">
		<tr><td id="mydiva" class="tda">X</td><td  id="mydivb" class="tda">X</td><td id="mydivc" class="tda">X</td></tr>
		<tr><td colspan="3" align="center"><table><tr><td>
		<input type="button" onClick="mstart();" value="开始"/></td><td>
		<input type="button" onClick="mstop();" value="停止" /></td></tr></table></td></tr>
		</table>
		</div>
	</body>
</html>

2.文字效果

<html>
	<head>
		<meta charset="utf-8">
		<title>文字</title>
		<script>
		var stu = "1234567";
		var id = 0;
		function ass(){
			ag = stu.substring(0,id);
			banner.innerHTML = ag;
			id++;
			if(id > stu.length+1){
				id = 0;
			}
		}
		</script>
	</head>
	<body onload="setInterval('ass()',500)">
		<font id = "banner"></font>
	</body>
</html>

3.图片切换

<head>
		<meta charset="utf-8">
		<title>图片</title>
		<script type="text/javascript">
		function change(iname){
			//document.getElementById("photo").src=iname;
			document.getElementById("photo").setAttribute("src",iname);
		}
		</script>
	</head>
	<body>
		<table width="360" border="0" cellspacing="0" cellpadding="0">
		  <tr>
		    <td style="height:190px;"><div id="apDiv1">
		    <a href="javascript:change('img/1.gif')">1</a>
		    <a href="javascript:change('img/2.gif')">2</a>
		    <a href="javascript:change('img/3.jpg')">3</a>
		    <a href="javascript:change('img/4.jpg')">4</a>
		    <a href="javascript:change('img/5.gif')">5</a>
		    </div>
		    <img src="img/1.gif" alt="图片" id="photo"/></td>
		  </tr>
		  </table>
	</body>
</html>

我是一个被it搞的帅哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【无标题】

JS--部分案例1.随机数2.文字效果3.图片切换1.随机数<head> <meta charset="utf-8" /> <title>随机数</title> <script> function myrandom(){ var a=Math.round(Math.random()*9); var b=Math.round(Math.random()*9); var c=Math.round(Math.random()*9
复制链接

扫一扫