1. 进入空间自定义界面
登录QQ空间后,点击右上角「自定义」→「模块」→「新建模块」→选择「HTML模块」。2. 编写鼠标特效代码
在模块编辑框中输入JavaScript代码,通过监听`mousemove`鼠标移动、`click`鼠标点击等事件触发特效。例如鼠标点击出现爱心特效代码: ```html <script type="text/javascript"> document.onclick=function(e){ var hearts=document.createElement("div"); hearts.innerHTML="❤️"; hearts.style.cssText="position:fixed;color:#ff4444;font-size:20px;pointer-events:none;"; document.body.appendChild(hearts); hearts.style.left=(e.clientX-10)+"px"; hearts.style.top=(e.clientY-10)+"px"; hearts.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0)"}],{duration:1000}); setTimeout(()=>hearts.remove(),1000); } </script> ``` *:代码中`onclick`为核心事件,`animate`控制动画效果。*3. 保存模块并生效
调整模块大小为全屏宽度100%,高度0,隐藏边框,保存后刷新空间即可看到效果。 二、Flash鼠标跟随特效制作 Flash通过ActionScript脚本实现鼠标跟随,需使用Adobe Flash软件,具体步骤如下:1. 新建Flash文档
打开Flash,新建「ActionScript 3.0」文档,舞台尺寸设为需要的大小如550×400像素。2. 创建跟随对象
使用绘图工具如椭圆工具绘制一个图形如小球,选中图形按F8转为「影片剪辑」元件,命名为「followMC」。3. 编写ActionScript代码
在时间轴第一帧右键「动作」,输入代码: ```actionscript this.stage.addEventListener(MouseEvent.MOUSEMOVE, onm ouseMove); function onm ouseMove(e:MouseEvent):void { followMC.x = e.stageX; followMC.y = e.stageY; followMC.scaleX = followMC.scaleY = 1 + Math.random() * 0.5; } ``` *代码中`MOUSEMOVE`监听鼠标移动,`e.stageX/e.stageY`获取鼠标坐标,控制元件跟随。*4. 测试与发布
按Ctrl+Enter测试效果,确定跟随正常后,执行「文件」→「发布」,生成SWF文件,可嵌入网页使用。以上方法分别适用于QQ空间自定义模块和Flash动画制作,核心均为通过事件监听与坐标控制实现鼠标交互效果。
