关闭

使用JavaScript完成最简单加密解密和模仿QQ的窗口抖动效果

1306人阅读 评论(0) 收藏 举报

众所周知,在计算机里面,字符串都需要编码,在非英文字符都需要一个专门的编码方式,我们可以利用这种方式来

做一个简单的加密解密小程序。

这里使用JavaScript里面自带的escape函数,这个函数接受一个字符串,然后返回百分号加上Unicode字符集的编

码,然后unescape函数正好相反,就是接受这些乱码,然后翻译成中文。

代码如下

<!DOCTYPE html>
<html>
  <head>
    <title>最简单的加密与解密</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <script type="text/javascript">
    	function $(str){
    		return (document.getElementById(str));
    	}
    </script>
  </head>
  
  <body>
    请输入需要加密和解密的内容<br/>
    <textarea rows="10" cols="50" id="txt1"></textarea><br/>
   
    	<input type="button" value="加密" onclick="$('txt2').value=escape($('txt1').value);">
    	<input type="button" value="解密" onclick="$('txt2').value=unescape($('txt1').value);">
  
    结果输出<br/>
    <textarea rows="10" cols="50" id="txt2"></textarea>
    
  </body>
</html>

然后介绍重头戏,模仿窗口抖动特效,直接上代码

<!DOCTYPE html>
<html>
  <head>
    <title>模拟震动闪屏效果</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
   <script type="text/javascript">
   		function resizeWindow(){
   			var windowWidth=240, windowHeight=180;
   			window.moveTo((screen.availWidth-windowWidth)/2, (screen.availHeight-windowHeight)/2);
   			window.resizeTo(windowWidth, windowHeight);
   		}
   		
   		function shakeWin(stepId){
   			var stepId;
   			if(!stepId) stepId=0;
   			switch (stepId) {
			case 0:
				window.moveBy(-5, -5);
				break;
			case 1:
				window.moveBy(10, 0);
				break;
			case 2:
				window.moveBy(-10, 10);
				break;
			case 3:
				window.moveBy(10, 0);
				break;
			case 4:
				window.moveBy(-5, -5);
				break;
			default:
				break;
			}
			stepId++;
			setTimeout("shakeWin("+stepId+")", 20);
   		}
   		
   		window.onload=resizeWindow();
   </script>
  </head>
  	
  <body>
   <input type="button" value="点击查看闪屏效果" onclick="shakeWin();">
  </body>
</html>



大家可以使用IE看效果,貌似只有IE能看效果。JavaScript某些函数还是兼容性有问题


12
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1214152次
    • 积分:14593
    • 等级:
    • 排名:第840名
    • 原创:256篇
    • 转载:3篇
    • 译文:2篇
    • 评论:277条
    博主介绍
    github 收集的一些不错的文章

    github
    博客专栏
    最新评论