在Web页上模拟(QQ)魔法表情

在WEB页面中利用层(DIV)和嵌入FLASH时对相关的属性进行设置,可以模拟出魔法表情的效果.(即播放透明背景的SWF,具体可以看看QQ较新版本中的"魔法表情"功能).由于是在WEB页中模拟实现,所以,当然是你关闭浏览器或者说最小化浏览器,模拟实现的魔法表情也就随着WEB页面一起"没有了".

我用JS写了个简单的例子,演示页面(DEMO)入下:

http://exp.univchina.org/univs/sjtu/Tomato/simulateMagicFace/Tomato.html

实现方法简单说来主要注意两个地方就可以了:一是在嵌入FLASH的代码中,需要设置参数让FLASH的背景透明, <param name="wmode" value="transparent">,第二就是要把FLASH放到一个专门的层中,然后控制层显示在适当的位置就可以了.当然,你可以有两种选择,一个就是动态写入嵌入FLASH的代码,另一个就是动态控制层的显示属性,即层是否可见.

在DEMO中用到的JS代码如下:

1.用于初始化并排列待选表情的方法Ini;

function Ini()
{
 var left;
 var top;
 var screenWidth = screen.availWidth;
 var screenHeight = screen.availHeight;
 left = (screenWidth-500)/2;
 top = (screenHeight-500)/2;
 var imgPath;
 document.write("<img src=/"magicface//images//mf_000.gif/" /> 点击图标查看对应的魔法表情 <br />");
 for(i=1;i<=320;i++)
 {
  if(i<100)
  {
   if(i<10)
   {
    imgPath = "magicface//images//mf_00"+i+".gif";
   }
   else
   {
    imgPath = "magicface//images//mf_0"+i+".gif";
   }
  }
  else
  {
   imgPath = "magicface//images//mf_"+i+".gif";
  }
  document.write("<a href=/"javascript:showMagicFace("+i+" , "+left+" , "+top+" , 500 , 350);/"><img src=/""+imgPath+"/" border=/"0/" /></a>  ");
 }
}

2.用于显示魔法表情的方法showMagicFace;

function showMagicFace(ID , _left , _top , _width , _height)
{
 Ini();
 var _path;
 if(ID<100)
 {
  if(ID<10)
  {
   _path = "magicface//flash//mf_00"+ID+".swf";
  }
  else
  {
   _path = "magicface//flash//mf_0"+ID+".swf";
  }
 }
 else
 {
  _path = "magicface//flash//mf_"+ID+".swf";
 }
 document.write("<DIV style=/"Z-INDEX: 99; POSITION: absolute; left:" + _left + "px;top:" + _top + "px/"><object codebase=/"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0/" classid=/"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000/" width=/"" + _width + "/" height=/"" + _height + "/"><param name=/"movie/" value=/"" + _path + "/"><param name=/"menu/" value=/"false/"><param name=/"quality/" value=/"high/"><param name=/"play/" value=/"false/"><param name=/"wmode/" value=/"transparent/"><embed src=/"" + _path + "/" wmode=/"transparent/" quality=/"high/" pluginspage=/"http://www.macromedia.com/go/getflashplayer/" type=/"application/x-shockwave-flash/" width=/""+_width+"/" height=/"" + _height + "/"></embed></object></DIV>");
 var over = setTimeout("location.href='Tomato.html'",5000);
}

然后只需要在页面载入时执行Ini()初始化就可以了.

因为在DEMO不涉及后台程序,有兴趣的朋友直接把查看HTML页面源代码就可以.欢迎转载和使用,请保留版权信息.[DEMO中的SWF文件全部来自网络,特此声明]


相关文章
对该文的评论
csdn 网友 ( 2005-03-21)
专业.net软件破解
   
   
   本人计算机毕业soho在家 专业破解各类.net 软件 、控件
   
   关键词:
   1、软件破解
   2、dontnet 破解
   3、.net破解
   4、反向工程(逆向工程)
   5、.net控件破解决 组件
   6、加密够破解
   7、软件保护业务
   8、有偿破解
   9、系统规划 大型mis,oa 系统
   10、网站后台程序设计编码 (asp.net,asp,jsp)
   11、系统优化
   
   联系qq: 328754226 
       email: dotnetsoho@126.com
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值