网页特效代码不会使用

这是一个鼠标带文字的特效,效果就如下面的截图。我把整个网页文件都添加好了,把这个文件的全部网页代码贴出来给你看看,你可以看看到底是在什么地方加的。完整代码如下: 新建网页 1 .spanstyle { COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION...
网页特效代码不会使用
这是一个鼠标带文字的特效,效果就如下面的截图。我把整个网页文件都添加好了,把这个文件的全部网页代码贴出来给你看看,你可以看看到底是在什么地方加的。完整代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<STYLE>.spanstyle {
COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>
</head>
<body onload=javascript:pageonload()>
<SCRIPT language=javascript>
var message="我 爱 你 一 生 一 世 !";
var x,y;
var step=12;
var flag=0;
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+10;
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];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
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];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
}
</SCRIPT>
<SCRIPT language=javascript>
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>
<SCRIPT language=javascript>
function pageonload() {
makesnake();
window.setTimeout("pageonload();", 2);
}
</SCRIPT>
</body>
</html>

2009-05-18
mengvlog 阅读 9 次 更新于 2025-07-19 15:36:34 我来答关注问题0
  •  誉祥祥知识 如何使用特效代码

    直接用这些编辑器打开你的网页文件,一打开就是满满的源代码哦!就像打开一本魔法书,把你的特效代码粘贴进去,就像给魔法书添加了新的咒语一样!怎么样,是不是很简单呀?快去试试吧,让你的网页因特效代码而更加精彩!

  •  翡希信息咨询 如何使用特效代码

    使用DreamWeaver:在DreamWeaver的编辑状态下,按F10键即可弹出源代码窗口。将特效代码粘贴到弹出的源代码窗口中。使用FrontPage:点击FrontPage编辑窗口左下角的“HTML”选项卡。此时会出现源代码窗口,将特效代码粘贴进去即可。使用“记事本”等文本编辑器:直接用这些编辑器打开需要编辑的网页文件。打开后显示的...

  •  宸辰游艺策划 如何使用特效代码

    1、使用DreamWeaver。在编辑状态下按F10即弹出源代码窗口,将特效代码粘贴进去即可。2、使用FrontPage。点击编辑窗口左下角的“HTML”选项卡即出现源代码窗口,将特效代码粘贴进去即可。3、使用“记事本”等编辑器。直接用这些编辑器打开网页文件,出现的就是源代码,将特效代码粘贴进去即可。

  • 新建网页 1 .spanstyle { COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible } var message="我 爱 你 一 生 一 世 !";var x,y;var step=12;var...

  • 除上述情况外,多数代码需要先在头部(……之间)在上一些属性性质的代码,但是特效的主代码需要添加在体部(body>……之间),否则,特效不能正常显示,有时还会出现错误,影响整个页面的正常显示。添加特效代码的方法:先要用HTML编辑软件,如常见的文本编辑器“记事本”,打开需要编辑的文件,根据特效...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部