网页特效代码不会使用

要完成此效果需要三个步骤第一步:把如下代码加入到<head>区域中<STYLE>.spanstyle{COLOR:#0066ff;FONT-FAMILY:隶书;FONT-... 要完成此效果需要三个步骤

第一步:把如下代码加入到<head>区域中

<STYLE>.spanstyle {
COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>

第二步:把如下代码加入到<body>区域中
<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>

第三步:把“onload=javascript:pageonload()”加在<body>标记里
例如:<body onload=javascript:pageonload()>

找了这么个代码可是打进去没反应
展开
 我来答
百度网友0338f41d1
推荐于2016-11-20 · TA获得超过348个赞
知道答主
回答量:163
采纳率:0%
帮助的人:128万
展开全部

这是一个鼠标带文字的特效,效果就如下面的截图。我把整个网页文件都添加好了,把这个文件的全部网页代码贴出来给你看看,你可以看看到底是在什么地方加的。完整代码如下:

<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>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式