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


Winform实现窗体抖动的效果代码

 Winform实现窗体抖动的效果代码,我们都知道,在目前的即时通讯工具中都有窗体抖动的功能,这也是为了及时通知对方而设立的功能,今天我们就用Winform的C#版来实现窗体拌动的功能!思路:间隔一定...
  • yja886
  • yja886
  • 2010年11月09日 06:38
  • 2089

用程序实现自动给qq好友发窗口抖动

1.首先来个简单点的,抖动本地
  • jjj19891128
  • jjj19891128
  • 2014年05月08日 21:23
  • 3766

QQ中抖动窗口的实现方法

其实,QQ中抖动窗口的实现很简单,当用户按下抖动按钮的时候,播放一个WAV文件和按一定的顺序移动窗口就完了。。下面让我们来看一下具体的实现方法: 创建对话框应用程序,向对话框中添加一...
  • sinat_15560643
  • sinat_15560643
  • 2016年10月31日 16:33
  • 547

Qt实现局域网聊天室:类似QQ抖动窗口功能的实现

来源:孤孤舟博客   此博客不错 http://guzhou.me/qt%e5%ae%9e%e7%8e%b0%e5%b1%80%e5%9f%9f%e7%bd%91%e8%81%8a%e5%a4%a9...
  • u010779194
  • u010779194
  • 2013年06月20日 15:25
  • 2134

【JavaScript】最简单的一个例子

以下是最简单的一个JavaScript例子 我的第一个JavaScript例子【菜鸟教程】 function displayDate(){ document.getElementById...
  • River_Continent
  • River_Continent
  • 2017年08月01日 21:34
  • 422

模拟QQ窗口抖动效果

RECT rtWindow; GetWindowRect(&rtWindow); //long x = 400; //long y = 200; long x = rtWindow.left;...
  • analogous_love
  • analogous_love
  • 2015年08月25日 16:59
  • 513

JavaScript&nbsp;qq窗口抖动效果

部分的代码限于博客限制,无法出现,请自行补充 #box {width:600px;height:500px;border:1px solid #f00;margin:0 auto;position:r...
  • huanshiwushuang
  • huanshiwushuang
  • 2017年04月14日 15:12
  • 61

JavaScript实现最简单的图片轮播

几行的代码实现最为简易的图片轮播效果。 Js部分 var li=document.get...
  • HeyWeCome
  • HeyWeCome
  • 2017年09月15日 22:09
  • 2025

Qt 高仿QQ窗口抖动效果【原】

2 93 94 95 96 97 98 //头文件YShakeWidget.h #ifndef YSHAKEWIDGET_H #d...
  • imxiangzi
  • imxiangzi
  • 2015年10月31日 15:44
  • 2831

仿QQ聊天(4)—简单的聊天页面实现

点击好友item,跳转到PersonalCardActivity(名片页面), 之前一直在想怎么把这个圆形头像放到这个位置,想到的办法就是就一个帧布局,给帧布局指定一个坐标,让他固定在那里,这样就能...
  • u013278261
  • u013278261
  • 2015年11月05日 16:06
  • 567
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用JavaScript完成最简单加密解密和模仿QQ的窗口抖动效果
举报原因:
原因补充:

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