怎样做出随鼠标光标移动而文字摆动的网页？（另需留言薄示例）

trybird 2000-04-11 03:30:00

加精

让鼠标光标移动而自定义的字符串（也有的是图象，比如一朵花）随之摆动的网页
好象是用JavaScript写就的，哪能位朋友，谁有现成可用的例程能提供出来。
先多谢了！
另需最简明的ASP留言薄示例（代码最小，存取到.txt文件也就行了）。

...全文

572 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

new_hong 2000-08-29

打赏
举报

回复

<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
</head>

<body onload="dynAnimation()" bgcolor="#000000">

<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
<P style="position: relative! important; visibility: hidden"
dynamicanimation="fpAnimdropWordFP1" id="fpAnimdropWordFP1" language="Javascript1.2">　 </P>
<DIV id=Layer20
style="HEIGHT: 30px; LEFT: 592px; POSITION: absolute; TOP: 469px; VISIBILITY: hidden; WIDTH: 101px; Z-INDEX: 25"><IMG
border=0 height=26 src="Count.gif" width=96 NOSAVE></DIV>
<DIV id=trailSprite1
style="HEIGHT: 36px; LEFT: 600px; POSITION: absolute; TOP: 5px; VISIBILITY: hidden; WIDTH: 36px; Z-INDEX: 109">
<DD><IMG height=36 name=trailSprite1img
src="../images/trailgif1.gif" width=36> </DD></DIV>
<DIV id=trailSprite2
style="HEIGHT: 36px; LEFT: 600px; POSITION: absolute; TOP: 5px; VISIBILITY: hidden; WIDTH: 36px; Z-INDEX: 107">
<DD><IMG height=36 name=trailSprite2img src="../images/trailgif4.gif"
width=36> </DD></DIV>
<DIV id=trailSprite3
style="HEIGHT: 36px; LEFT: 600px; POSITION: absolute; TOP: 5px; VISIBILITY: hidden; WIDTH: 36px; Z-INDEX: 106">
<DD><IMG height=36 name=trailSprite3img src="../images/trailgif5.gif"
width=36> </DD></DIV>
<DIV id=trailSprite4
style="HEIGHT: 36px; LEFT: 600px; POSITION: absolute; TOP: 5px; VISIBILITY: hidden; WIDTH: 36px; Z-INDEX: 105">
<DD><IMG height=36 name=trailSprite4img src="../images/trailgif3.gif"
width=36> </DD></DIV>
<DIV id=trailSprite5
style="HEIGHT: 36px; LEFT: 600px; POSITION: absolute; TOP: 5px; VISIBILITY: hidden; WIDTH: 36px; Z-INDEX: 104">
<DD><IMG height=36 name=trailSprite5img src="../images/trailgif2.gif"
width=36> </DD></DIV>
<DIV id=Layer5
style="HEIGHT: 38px; LEFT: 510px; POSITION: absolute; TOP: 440px; VISIBILITY: hidden; WIDTH: 32px; Z-INDEX: 17"><EMBED src=chanmian.mid autostart="true" loop="true" width="128" height="128">
</DIV>
<SCRIPT>
var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";

var queue = new Array();

var NUM_OF_TRAIL_PARTS = 5

for (x=1; x < 6; x++) { ///////////////Image Preload
eval("trailSpriteFrame" + x + " = new Image(36,36);");
eval("trailSpriteFrame" + x + ".src = 'trailgif" + x + ".gif';");
}

////////////////////////////////////////////////The trail Object

function trailSpriteObj(anID) {
this.trailSpriteID = "trailSprite" + anID; //as before
this.imgRef = "trailSprite" + anID + "img"; //reference to the sprites image name
this.currentFrame = 1; //the varible for looking after the frame
this.animateTrailSprite = animateTrailSprite; //declare the objects method cycle
}

function animateTrailSprite() {
if (this.currentFrame <6 ) { //if there are animation frames left, the change sprites the current frame
if (isNS) { //Detect the browser and perform coresponding image switch
eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");
} else {
eval("document['" + this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");
}
this.currentFrame ++; //and increase the objects current frame
} else { //the current frame has reached its limit so hide the sprite
eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility = "hidden"');
}
}

/////////////////////////////////////////////////////////////////

function processAnim() {
for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
queue[x].animateTrailSprite();
}

function processMouse(e) {
currentObj = shuffleQueue();
if (isNS) {
eval("document." + currentObj + ".left = e.pageX - 10 ;");
eval("document." + currentObj + ".top = e.pageY + 10;");
} else {
eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft - 10 ;");
eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop + 10;");
}
}

function shuffleQueue() {
lastItemPos = queue.length - 1;
lastItem = queue[lastItemPos];
for (i = lastItemPos; i>0; i--)
queue[i] = queue[i-1];
queue[0] = lastItem;

queue[0].currentFrame = 1; //reset the objects frame number & make the sprite visible again
eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility = "visible"');

return queue[0].trailSpriteID;
}

function init() {

for(x=0; x<NUM_OF_TRAIL_PARTS; x++) //fill array with trail objects
queue[x] = new trailSpriteObj(x+1) ;

if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = processMouse;

setInterval("processAnim();",60);
}

window.onload = init;
</SCRIPT>

dengdun 2000-04-11

打赏
举报

回复

给你介绍个站点，上面有很多很不错的javascript小程序及asp远嘛。
http://java2000.126.com/

trybird 2000-04-11

打赏
举报

回复

指针移动到哪，字串就跟到哪的。

图片会跟着鼠标的移动而移动效果

一直在思考怎么让场景更有生机,我觉得植被的随风摆动是必不可少的.CE3引擎的植被bending就做得特别棒.我也准备在手机上做一套. 先分析一下植被摆动常见的几种做法.其实不管哪种做法,核心就是让植被顶点做动画,有的顶点动的少(比如树根),有的顶点动的多(比如树顶),根据怎么样的权重来动? 方案1: 用UV来做权重. 这种方案对UV展开有要求,要从0到1,只适合面片草,这样的话草的根部和顶

Unity 基础之 OnMouseDown 简单实现 GameObject 和 UGUI 元素随着鼠标移动，拖动的效果一、简单介绍 Unity中的一些基础知识点。本节介绍，使用 OnMouseDown 函数，简单的就实现游戏物体或者UI，随着鼠标的移动而移动的效果。二、实现原理 1、 OnMouseDown 监控点中游戏物体或者 UI 2、 ...

大家首先可以想象一下这样的场景：场景中有一大片森林，我想让这片森林的树木有微风轻轻吹拂而缓缓摆动的效果，应该要怎么实现呢？ A：给每棵树加个动画，让动画来控制摆动方案A如果在树木少的情况下还是属于可接受范围的，而且用美术童鞋做的动画来控制树木摆动会显得更真实更生动。不过注意，当是“森林”的时候，这一动起来，CPU估计就吃不消了，若是美术童鞋为了让树木更生动，加的是

首先展示一下效果，狠狠点击代码github :先说一下用法：思路：1.抖动就是摆动，现实中的钟摆可以很形象。2.当摆动到临界点后，就会向相反的方向摆动。3.在没有动力时，摆动会慢慢停止。初始化抖动：这里准备动画开始前的工作。执行动画：执行动画，当判断已经无力摆动后，让元素回归到原来的位置，并清除动画。修改元素位置：这里需要判断需要 Z 轴摆动吗？当需要时，必须给当前元素的父级添加 perspec...

28,390

社区成员

357,060

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章