网页特效代码不会使用

来源:百度知道 编辑:UC知道 时间:2024/06/02 21:07:42
要完成此效果需要三个步骤

第一步:把如下代码加入到<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 m

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

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