`
noblemoon
  • 浏览: 25454 次
  • 性别: 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来创建和...

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

    HTML5 Canvas是Web开发中的一个强大工具,它允许开发者在网页上直接绘制图形,...对于有编程基础的人来说,二次修改这个特效也是一个提升技能的好机会,比如调整光圈数量、速度、颜色等参数,或者添加鼠标交互效果。

    蓝色荧光鼠标指针.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显示文字跟随鼠标移动

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

    鼠标点击按钮呈现水波扩散效果

    html5+js实现的一款鼠标点击按钮后,从点击处向外扩散类似水波效果,效果简单易用 使用方法; 1、在页面的head中引入lanrenzhijia.css样式 2、在页面底部引入lanrenzhijia.js代码 3、将你需要的按钮...

    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种不同类型的光圈效果,可用于创建出各种独特且引人入胜的游戏或应用环境。 首先,让...

Global site tag (gtag.js) - Google Analytics