`
noblemoon
  • 浏览: 25290 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

鼠标事件(形成光圈环绕鼠标)

阅读更多
if (document.all) {
yourLogo = "可以运动的  比较有意思的 鼠标光圈js!  ";
logoFont = "黑体";
logoColor = "#FF33FF";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;

}

currStep -= step;

setTimeout('animateLogo()', 20);
}

window.onload = animateLogo;

}
分享到:
评论

相关推荐

    淡蓝色鼠标指针,半透明的闪着光圈的鼠标指针

    本文将详细讲解如何改变Windows系统中的鼠标指针样式,以"淡蓝色鼠标指针,半透明的闪着光圈的鼠标指针"为例,这是一款专为Windows 7设计但也可兼容XP的鼠标指针主题。 首先,我们要理解鼠标指针的格式。Windows...

    鼠标光圈自定义 , 很好用 , 点击光圈等

    2. **鼠标事件**:了解鼠标的点击事件(如MouseLeftButtonDown、MouseLeftButtonUp等),以及如何在WPF中捕获和处理这些事件。 3. **自定义视觉效果**:学习如何使用WPF的Visual Layer或Composition API来创建和...

    蓝色荧光鼠标指针.zip

    【标题】"蓝色荧光鼠标指针.zip"是一款专门针对Windows操作系统设计的鼠标指针主题包,它提供了独特的蓝色荧光效果,为用户的电脑界面增添了一份科技与时尚的元素。这款鼠标指针皮肤的设计风格独特,以三角形为主题...

    可以让鼠标指针旁边冒星星的小软件

    标题中的“可以让鼠标指针旁边冒星星的小软件”是指一种个性化软件,它的主要功能是增强鼠标指针的视觉效果,让鼠标在移动时周围出现星星的动态特效。这种软件通常是为了提升用户在使用电脑时的视觉体验,增加趣味性...

    unity光圈光环特效.rar

    在本资源“unity光圈光环特效.rar”中,我们关注的是Unity中的光圈和脉冲特效,这些特效通常用于增强游戏场景的视觉冲击力,为玩家营造出梦幻、科技或神秘的氛围。FT Pulse Volume 01 提供了七种不同的光晕效果,...

    蓝色半透明鼠标 半透明玻璃

    "蓝色半透明鼠标 半透明玻璃"这个主题聚焦于一种独特的鼠标指针设计,它将鼠标指针的外观设定为淡蓝色,同时带有半透明效果,仿佛闪烁着光圈,这在视觉上给人一种现代且科技感十足的印象。 首先,我们来解析一下这...

    CSS3按钮鼠标悬浮实现光圈效果

    1 、HTML相关知识点 HTML(超文本标记语言)是网页的核心、首先你要学会,不要害怕,HTML很容易学习的,刚开始多记多练,但是到最后还是要自己深入专研,简单的入门是很快,但学好HTML是成为Web开发人员的基本条件。...

    unity传送光圈特效.rar

    4. **脚本控制**:为了将光圈与游戏逻辑关联起来,开发者可能会编写C#脚本来触发传送事件。当角色触碰光圈时,脚本会检测到这一交互并执行角色的瞬间移动。 5. **场景集成**:在实际游戏中,这些光圈特效需要与游戏...

    Unity3D传送光圈特效

    这些脚本可以控制粒子系统的生命周期,与其他游戏对象交互,以及触发瞬移事件。 4. **动画控制器**:如果包含动画,那么可能会有一个 Animator Controller 来管理粒子系统的动画状态,例如光圈的开启和关闭动画。 ...

    Unity光圈特效.rar

    "Unity光圈特效"是Unity3D中的一种视觉效果,它能显著提升游戏或应用的视觉质量和艺术表现力。光圈特效通常指的是景深(Depth of Field)效果,它模拟了真实摄影机的镜头特性,使得图像的某些部分清晰,而其他部分变得...

    js显示文字跟随鼠标移动

    根据网上文档修改的,网上的都不能用,现在这个在火狐浏览器不能用

    dc自动光圈控制电路

    标准CCD摄像机都带有驱动自动光圈镜头的接口,其中有些只提供一种驱动方式,有些则同时提供两种驱动方式(视频驱动和直流驱动)供用户选择。 视频驱动(Video Drive,简称VD)方式是指摄像机将视频信号电平输出到...

    光圈驱动电路

    标题《光圈驱动电路》表明文章探讨的核心内容是光圈驱动电路的设计与应用。描述中提到的“使用LM324设计的光圈驱动电路,简单实用”揭示了该电路设计的具体实现方式,即使用了一个名为LM324的集成电路来构建这个电路...

    html5 canvas酷炫水晶光圈旋转动画特效

    4. **事件监听**:可能还使用了`addEventListener()`来监听用户的交互,比如鼠标点击或页面滚动,根据这些事件来控制动画的开始、暂停或改变旋转速度。 5. **数学计算**:为了使光圈有规律地旋转,开发者可能运用了...

    闪闪光圈psd格式

    "闪闪光圈psd格式"是针对这一领域的一个素材资源,主要包含了用于创建动态、璀璨效果的光圈和光晕元素,适用于舞台灯光效果、视觉特效或者多媒体设计等场景。 PSD是Photoshop的默认文件格式,它保留了原始图像的...

    自定义View(波浪+光圈扩散)

    在`onTouchEvent()`方法中,我们需要监听用户的触摸事件,当用户触摸屏幕时启动波浪和光圈动画,触摸结束时停止动画。 为了使动画平滑,我们需要使用`postInvalidate()`来定期重新绘制View。通过调整重绘的频率,...

    电脑软件鼠标提示器MouseLocator-v1.1.rar

    当鼠标静止一段时间后,或者用户按下特定热键时,软件会在鼠标当前位置显示一个动态的光圈效果,这个光圈能够清晰地标识出鼠标的精确位置,避免了在大面积的屏幕上盲目寻找鼠标的尴尬。这对于进行精细操作,如绘图、...

    Unity3D特效 光圈特效 Effect 6 Type 资源包

    光圈特效(Aperture Effects)是Unity3D中一种重要的视觉表现手法,它能够极大地提升场景的视觉吸引力和艺术感。本资源包包含6种不同类型的光圈效果,可用于创建出各种独特且引人入胜的游戏或应用环境。 首先,让...

    CSS3鼠标悬停按钮发光动画特效

    首先,我们来看“鼠标悬停”事件。在CSS中,`:hover`伪类被用来在鼠标指针悬浮在元素上方时改变该元素的样式。这对于创建交互性按钮或链接非常有用。通过使用`:hover`,我们可以定义鼠标悬停时按钮的特殊样式,如...

    光圈直流驱动电路

    ### 光圈直流驱动电路详解 #### 一、概述 光圈直流驱动电路是一种用于控制摄像头或相机中光圈大小的电路设计。该电路通过精确调整电流或电压来实现对光圈开合程度的控制,进而调节进入镜头的光线量。在给定的文件中...

Global site tag (gtag.js) - Google Analytics