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

原创 2012年03月21日 19:28:39

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

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

这里使用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某些函数还是兼容性有问题


相关文章推荐

AppNinja 开发手记2: QQ iOS版 表情加密解密算法

AppNinja 开发手记2:QQ iOS版 表情加密解密算法 学习心得:  遇到有明文有密文的文件数据,需要考虑到分段加解密的情况。 http://blog.csdn.net/a283194231...

asp.net发送邮件,使用MD5加密解密,实现用户注册完成后发送流水号(账号)到对方邮箱,jeasyUI验证,combobox的使用完成 实例下载

最近项目用到用户注册后要发邮件

C# cf winfrom 简单加密解密

  • 2013年11月24日 03:50
  • 654B
  • 下载

JavaScript加密解密原理详解

要继续看下面的文字首先记住两个原理: 原理1:无论源码被如何加密,被如何限制,最终都将还原成浏览器可以识别的HTML代码。 原理2:解铃还须系铃人。 一、要解密一个网页我们必须先拿到这个...

简单易用的绿色加密解密工具

  • 2011年05月20日 09:15
  • 324KB
  • 下载

javascript实现AES加密解密(ECB&CBC)

在线验证地址: www.seacha.com npm install crypto-js —save-dev javascrit 代码如下: var CryptoJS = require("crypt...
  • wk3368
  • wk3368
  • 2017年06月06日 11:47
  • 808

javascript_js加密解密概念

  • 2012年10月22日 11:08
  • 28KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用JavaScript完成最简单加密解密和模仿QQ的窗口抖动效果
举报原因:
原因补充:

(最多只允许输入30个字)