***鼠标特效***跟随鼠标的彩色闪烁文字..好棒哦
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要三个步骤
第一步:把如下代码加入到<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=-50;
}
var ypos=new array();
for (i=0;i<=message.length-1;i++) {
ypos=-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=xpos+step;
ypos=ypos;
}
xpos=x+step;
ypos=y;
for (i=0; i<=message.length-1; i++) {
var thisspan = eval("span"+(i)+".style");
thisspan.posleft=xpos;
thisspan.postop=ypos;
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=xpos+step;
ypos=ypos;
}
xpos=x+step;
ypos=y;
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i);
thisspan.left=xpos;
thisspan.top=ypos;
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);
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()>
--------------------------------------
拥有三人行论坛管理系列软件,一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果,让您不在为论坛因没有人气而留不住会员而烦恼,使您的论坛早日成为一流的论坛。详情请登陆网站:http://www.cnsrx.cn 三人行论坛管理软件,站长必备的专业好工具。(您使用的是免费版本,购买收费版本后,将不带广告。业务QQ:247216 44985227)
页:
[1]