您的当前位置:首页急!求网页鼠标跟随代码!~
广告

急!求网页鼠标跟随代码!~

2022-06-15 来源:比拉宠物

有网友碰到这样的问题“急!求网页鼠标跟随代码!~”。小编为您整理了以下解决方案,希望对您有帮助:

解决方案1:

<html>
<head>
<title>网页中鼠标跟随效果代码</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor=#000000
onload=makesnake()>
<font color="#000000"></font>
<style type=text/css>.spanstyle {
COLOR: #ff0000; FONT-SIZE: 9pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<script>
var x,y
var step=20
var flag=0
var message="送你千朵红玫瑰——以代表我的心情"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1] }
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i] } }
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1] }
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]} }
var timer=setTimeout("makesnake()",30)}
</script>
<script>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"'class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
</script>

</body>
</html>

改里面的字就行了,不过一般网页最好不要做,虽然花哨,但影响用户体验

解决方案2:

随便下一个特效软件,里面有你需要的所有特效,都是js的,但是网页上最好不要加这些东西,占用资源很严重,给浏览者带来不变,另外,虽然看着是有一点效果,但是更多时候会给浏览者造成视觉影响。

小编还为您提供以下相关内容希望对您有帮助:

flash鼠标跟随代码

Flash鼠标跟随代码可以使用ActionScript来实现。ActionScript是Adobe Flash平台的编程语言,它允许开发者创建交互式的动画、游戏和其他富媒体应用。要实现鼠标跟随效果,我们可以编写一段简单的ActionScript代码。在Flash中,你可以通过监听`stage`对象的`mouseMove`事件来追踪鼠标的位置。当鼠标在舞台上移动时,这个...

FLASH鼠标跟随代码 怎么用

FLASH鼠标跟随代码的使用方法如下:首先,我们需要创建一个MovieClip,并将其命名为“follower”,这个MovieClip将作为跟随鼠标的对象。然后,在舞台上添加一个事件监听器,用于监听鼠标的移动事件。这个事件监听器会在鼠标移动时触发相应的事件处理函数。在事件处理函数中,我们需要获取鼠标的当前坐标...

js怎么让html页面跟随鼠标html跟随鼠标拖动

1、方法一,利用html特性,每个标签都有一个title属性。当鼠标hover在该标签内容上时,浏览器展示出该标签的title内容,让鼠标移走,内容消失,如下:p{ height:100px;width:100px;background-color:aqua;} ptitle="我是鼠标悬停展示的内容"&gt;文字内容文字内容/p&gt; html如何把鼠标按键改成键盘?鼠标按...

qq空间鼠标跟随代码怎么弄

首先,在QQ空间的HTML页面中,你需要定义一个元素来显示鼠标跟随的效果。这可以是一个文本元素、图像或其他任何你想要显示的内容。例如,你可以使用``元素来显示跟随鼠标的文本。然后,你需要编写JavaScript代码来监听鼠标的移动事件,并更新显示元素的位置,使其跟随鼠标的移动。这可以通过使用`mousemove`事件...

制作网页时如何让鼠标后面跟着一行字,一直跟着鼠标,滚动鼠标滚轮的时候...

3层效果鼠标跟随文字:把如下代码加入区域中 &lt;SCRIPT LANGUAGE="JavaScript"&gt; &lt;!-- Begin message = 'JavaScript2000';FonT = 'Verdana';ColoR = '223399';SizE = 3; //1 to 7 only!var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, ...

如何制作鼠标跟随FLASH的图?、

1. 打开Flash软件,创建一个新的Flash文档。2. 在舞台上绘制或导入一个图形元素,这将是你想要跟随鼠标的图形。3. 打开动作面板(通常位于界面的右侧),开始编写脚本。你需要使用`onEnterFrame`事件来处理图形元素的位置更新。在`onEnterFrame`事件中,你可以获取鼠标的当前位置,并将图形元素的位置设置...

急求各种网页鼠标特效代码(只要代码,不要网址)

网页特效|Linkweb.cn/Js|---跟随鼠标很逼真的弹性小球&lt;!--将以下代码加入HTML的&lt;Body&gt;&lt;/Body&gt;之间--&gt;&lt;DIV id=dot0 style="HEIGHT: 16; POSITION: absolute; VISIBILITY: hidden; WIDTH: 11; left:10; top:15"&gt;&lt;IMG height=11 src="images/bullet.gif" width=11&gt; &lt;/DIV&gt;&lt;DIV id=dot1 style="HEI...

求鼠标移动上去就显示一张跟在鼠标的图片JS代码

&lt;!-- 以下代码是设定此页的鼠标样式代码 --&gt; if (navigator.appName == "Netscape") { } else { document.write('')document.write('')document.write('')}

跟着鼠标动的flash代码都有哪些??

做鼠标跟随有很多方法:1、你所指的效果先做一个MC,透明度从100到0的补间动画,其它效果你自己加。2、把MC拖放到场景,在第一帧加入如下动作,//MC的实例名为mc._root.onLoad = function(){//主场景的load事件,只加载一次 for (var i = 1;i&lt;=20;i++){ //for循环开始 _root.mc.duplicate...

球一些鼠标随动代码,高手进

JS打造的炫酷的星形三色彩带鼠标跟随特效丨芯晴网页特效丨CsrCode.Cn &lt;!--将以下代码加入HTML的&lt;Body&gt;&lt;/Body&gt;之间--&gt; &lt;!-- var a_Colour='fff000';var b_Colour='00ff00';var c_Colour='ff00ff';var Size=120;var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,This...

比拉宠物还为您提供以下相关内容希望对您有帮助:

flash鼠标跟随代码

Flash鼠标跟随代码可以使用ActionScript来实现。ActionScript是Adobe Flash平台的编程语言,它允许开发者创建交互式的动画、游戏和其他富媒体应用。要实现鼠标跟随效果,我们可以编写一段简单的ActionScript代码。在Flash中,你可以通过监听`stage`对象的`mouseMove`事件来追踪鼠标的位置。当鼠标在舞台上移动时,这个...

FLASH鼠标跟随代码 怎么用

FLASH鼠标跟随代码的使用方法如下:首先,我们需要创建一个MovieClip,并将其命名为“follower”,这个MovieClip将作为跟随鼠标的对象。然后,在舞台上添加一个事件监听器,用于监听鼠标的移动事件。这个事件监听器会在鼠标移动时触发相应的事件处理函数。在事件处理函数中,我们需要获取鼠标的当前坐标...

js怎么让html页面跟随鼠标html跟随鼠标拖动

1、方法一,利用html特性,每个标签都有一个title属性。当鼠标hover在该标签内容上时,浏览器展示出该标签的title内容,让鼠标移走,内容消失,如下:p{ height:100px;width:100px;background-color:aqua;} ptitle="我是鼠标悬停展示的内容"&gt;文字内容文字内容/p&gt; html如何把鼠标按键改成键盘?鼠标按...

qq空间鼠标跟随代码怎么弄

首先,在QQ空间的HTML页面中,你需要定义一个元素来显示鼠标跟随的效果。这可以是一个文本元素、图像或其他任何你想要显示的内容。例如,你可以使用``元素来显示跟随鼠标的文本。然后,你需要编写JavaScript代码来监听鼠标的移动事件,并更新显示元素的位置,使其跟随鼠标的移动。这可以通过使用`mousemove`事件...

制作网页时如何让鼠标后面跟着一行字,一直跟着鼠标,滚动鼠标滚轮的时候...

3层效果鼠标跟随文字:把如下代码加入区域中 &lt;SCRIPT LANGUAGE="JavaScript"&gt; &lt;!-- Begin message = 'JavaScript2000';FonT = 'Verdana';ColoR = '223399';SizE = 3; //1 to 7 only!var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, ...

如何制作鼠标跟随FLASH的图?、

1. 打开Flash软件,创建一个新的Flash文档。2. 在舞台上绘制或导入一个图形元素,这将是你想要跟随鼠标的图形。3. 打开动作面板(通常位于界面的右侧),开始编写脚本。你需要使用`onEnterFrame`事件来处理图形元素的位置更新。在`onEnterFrame`事件中,你可以获取鼠标的当前位置,并将图形元素的位置设置...

急求各种网页鼠标特效代码(只要代码,不要网址)

网页特效|Linkweb.cn/Js|---跟随鼠标很逼真的弹性小球&lt;!--将以下代码加入HTML的&lt;Body&gt;&lt;/Body&gt;之间--&gt;&lt;DIV id=dot0 style="HEIGHT: 16; POSITION: absolute; VISIBILITY: hidden; WIDTH: 11; left:10; top:15"&gt;&lt;IMG height=11 src="images/bullet.gif" width=11&gt; &lt;/DIV&gt;&lt;DIV id=dot1 style="HEI...

求鼠标移动上去就显示一张跟在鼠标的图片JS代码

&lt;!-- 以下代码是设定此页的鼠标样式代码 --&gt; if (navigator.appName == "Netscape") { } else { document.write('')document.write('')document.write('')}

跟着鼠标动的flash代码都有哪些??

做鼠标跟随有很多方法:1、你所指的效果先做一个MC,透明度从100到0的补间动画,其它效果你自己加。2、把MC拖放到场景,在第一帧加入如下动作,//MC的实例名为mc._root.onLoad = function(){//主场景的load事件,只加载一次 for (var i = 1;i&lt;=20;i++){ //for循环开始 _root.mc.duplicate...

球一些鼠标随动代码,高手进

JS打造的炫酷的星形三色彩带鼠标跟随特效丨芯晴网页特效丨CsrCode.Cn &lt;!--将以下代码加入HTML的&lt;Body&gt;&lt;/Body&gt;之间--&gt; &lt;!-- var a_Colour='fff000';var b_Colour='00ff00';var c_Colour='ff00ff';var Size=120;var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,This...

Top