<!DOCTYPE >
<html>
<head>
<STYLE TYPE="text/css">
<!--
BODY{
overflow:scroll;
overflow-x:hidden;
}
.s1
{
position : absolute;
font-size : 12pt;
color : blue;
visibility: hidden;
}
.s2
{
position : absolute;
font-size : 20pt;
color : red;
visibility : hidden;
}
.s3
{
position : absolute;
font-size : 16pt;
color : gold;
visibility : hidden;
}
.s4
{
position : absolute;
font-size : 14pt;
color : lime;
visibility : hidden;
}
-->
</STYLE>
</head>
<body bgcolor="#FFFFFF">
<DIV ID="div1" CLASS="s1">
*
</DIV>
<DIV ID="div2" CLASS="s2">
*
</DIV>
<DIV ID="div3" CLASS="s3">
*
</DIV>
<DIV ID="div4" CLASS="s4">
*
</DIV>
<script language="javascript" type="text/javascript" class="s5">
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;
if (nav)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e) {
x = (nav) ? e.pageX : event.clientX + document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY + document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}
function beam(n) {
if (n < 5) {
if (nav) {
eval("document.div" + n + ".top=" + y);
eval("document.div" + n + ".left=" + x);
eval("document.div" + n + ".visibility='visible'");
} else {
eval("div" + n + ".style.top=" + y);
eval("div" + n + ".style.left=" + x);
eval("div" + n + ".style.visibility='visible'");
}
n++;
tmr = setTimeout("beam(" + n + ")", spd);
} else {
clearTimeout(tmr);
fade(4);
}
}
function fade(n) {
if (n > 0) {
if (nav)
eval("document.div" + n + ".visibility='hidden'");
else
eval("div" + n + ".style.visibility='hidden'");
n--;
tmr = setTimeout("fade(" + n + ")", spd);
} else
clearTimeout(tmr);
}
// -->
</script>
</body>
</html>
分享到：
相关推荐
总的来说，"经典鼠标跟随特效.rar"提供了一个学习和研究JavaScript交互效果的实例，对于前端开发者来说，这是一个提升网页动态效果和用户体验的好教材。通过理解和实践这个特效，开发者可以掌握JavaScript事件处理、...
HTML跟随鼠标特效是一种常见的前端交互设计，通过JavaScript、HTML和CSS技术实现，为网页增加动态视觉效果。这种特效使得页面元素能够根据用户的鼠标移动轨迹进行动态显示，为用户带来更丰富的交互体验。以下是对这...
HTML鼠标跟随特效是一种常见的网页交互设计，用于提升用户体验和页面的视觉吸引力。这种特效使得页面元素根据用户的鼠标移动而动态变化，创造出一种互动的视觉效果。以下是对这个主题的详细阐述： 1. HTML...
在IT领域，网页交互设计是提升用户体验的重要环节，而鼠标跟随特效则是其中一种常见的创新手法。本资源"鼠标跟随特效合集酷炫.rar"提供的是两款不同风格的鼠标跟随特效，旨在让网页更加生动有趣。下面我们将详细探讨...
鼠标跟随特效，鼠标跟随特效，鼠标跟随特效，鼠标跟随特效。
1. **index.html**：这是基础示例，可能展示的是一个简单的鼠标跟随效果。当鼠标移动时，元素会沿着鼠标轨迹进行平滑的移动，增加用户的交互体验。 2. **index2.html**：这个可能包含了更复杂的跟随动画，比如元素...
纯html，鼠标跟随特效，很帅很炫酷。
在Flash动画设计中，鼠标跟随特效是一种常见的互动设计手法，它增强了用户与动画之间的交互性。"Flash星星鼠标跟随特效"是一个很好的实例，展示了如何利用ActionScript（Flash的动作脚本）来实现这种效果。下面我们...
鼠标跟随特效超漂亮源文件，FLASH 9制作。可供学习
"Flash版鼠标跟随特效"是一种常见的交互设计，它通过编程使得舞台上的元素能够实时响应用户的鼠标移动，创造出引人入胜的视觉效果。这个特效的核心在于监听鼠标的运动，并动态更新舞台上元素的位置。在Flash中，这...
在IT行业中，交互设计是提升用户体验的关键因素之一，而“鼠标跟随特效”就是其中一种吸引用户注意力并增强交互感的设计手法。本主题聚焦于利用Flash技术实现的SWF格式的鼠标跟随特效，常用于电子书和网页制作，以...
js鼠标跟随特效，动态的彩色因子图，前端小白必看！ js鼠标跟随特效，动态的彩色因子图，前端小白必看！ js鼠标跟随特效，动态的彩色因子图，前端小白必看！ js鼠标跟随特效，动态的彩色因子图，前端小白必看！ js...
在本实例"HTML5彩色气泡鼠标跟随特效"中，我们探讨的是如何利用HTML5的Canvas元素和JavaScript来实现一种独特的视觉效果——鼠标跟随的彩色气泡动画。 首先，Canvas是HTML5中的一个核心组件，它是一个二维绘图画布...
js 特效 html 特效 跟随鼠标的眼睛 js 特效 html 特效 跟随鼠标的眼睛
在网页设计中，鼠标跟随特效是一种增强用户体验和互动性的技术，它可以吸引用户的注意力并增加网站的趣味性。本文将深入探讨“多个漂亮的鼠标跟随特效（js)”这一主题，揭示JavaScript在实现这些特效中的核心原理，...
js 特效 html 特效 跟随鼠标的小球 js 特效 html 特效 跟随鼠标的小球
在本文中，我们将深入探讨“切水果的鼠标跟随特效”这一主题，这是一款基于VC6.0开发的程序。这个程序的核心在于实现鼠标在屏幕上移动时产生的动态效果，类似于流行的切水果游戏中的交互方式。我们将从以下几个方面...
【标题】"鼠标玄酷星形跟随特效.rar"是一个压缩包，其中包含了实现一个互动的JavaScript特效，这个特效会在鼠标的移动轨迹上跟随显示星星形状的元素，为网页增添炫酷的视觉效果。 【描述】"鼠标玄酷星形跟随特效...
在压缩包中提供的"鼠标跟随特效"文件，很可能是包含了一个已经实现了这个功能的HTML文件和对应的JavaScript文件。通过双击打开，可以直接在浏览器中查看效果。为了自定义或应用到自己的项目中，可以打开这些文件进行...
这个“HTML5鼠标跟随特效”就是一个很好的例子，它展示了如何利用这两项技术来提升用户体验。 首先，我们要理解这个特效的基本原理。在HTML5中，我们可以使用`<canvas>`元素来绘制动态图形，这个元素提供了一个画布...