zoukankan      html  css  js  c++  java
  • js基础应用-打字机,震动窗口

    js基础应用一,窗口震动

    html+js代码:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta	charset="UTF-8">
    		<title></title>
    	</head>
    	<script>
    		function zhengdong(){
    			moveBy(5,0);
    			moveBy(-5,0);
    			moveBy(-5,5);
    			moveBy(5,-5);
    			
    			window.setInterval("zhengdong()",100);//实现一直震动
    		}	
    			</script>
    	<body>
    		<form>
    			<input type="button" value="震动" οnclick="zhengdong()"/>
    		</form>
    	</body>
    </html>
    js基础应用二,打字机

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<script>
    	var str="海上盛明月,天涯明月刀!";
    	var i=-1;//字符串的下标。
    	function printf(){
    		i++;
    		var s1=document.getElementById("print");//获取到html页面输入框的id
    		//
    		var str1=str.substring(0,i).fontcolor("blue").fontsize("18px");
    		s1.innerHTML=str1;//将取到的新的字符写入span标签内
    		if(i==12){//如果读到的i下标=12(最大长度)让它重新从开始打字
    			i=-1;
    		}
    		
    	}
    		window.setInterval("printf()",300);
    		
    	</script>
    	<body>
    <span id="print"></span>
    	</body>
    </html>

  • 相关阅读:
    GRUB引导——menu.lst的写法
    条形码类型及常见条形码介绍
    Tmux:终端复用器
    find+*的问题
    find命令之exec
    Linux core 文件介绍
    C语言中返回字符串函数的四种实现方法
    C语言中的volatile
    Stars
    Game with Pearls
  • 原文地址:https://www.cnblogs.com/jatpeo/p/11767634.html
Copyright © 2011-2022 走看看