javascript鼠标特效

最新推荐文章于 2024-09-16 08:47:17 发布

olchid

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量520

点赞数 1

分类专栏： Javascript脚本语言文章标签： javascript function filter timer class html

本文链接：https://blog.csdn.net/olchid/article/details/1889074

版权

Javascript脚本语言专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
<head>
<style type="text/css">
.flytxt{
color:#006600;
filter:Glow(Color=#yellow,Strength=2);
font-weight:bold;
position:absolute;
top:-50px;
visibility:visible}
</style>
<script language="javascript">
function initflytxt(){
flag=0;
interpace=15;
message="welcome to here";
message=message.split("");
xposition=new Array();
for(i=0;i<=message.length-1;i++)
xposition[i]=-100;
yposition=new Array();
for(i=0;i<=message.length-1;i++)
yposition[i]=-100;
}
initflytxt();

function currentXY(){
x=event.clientX;
y=event.clientY;
flag=1;}

function flytxt(){
if(flag==1){
       for(i=message.length-1;i>=1;i--)
        {xposition[i]=xposition[i-1]+interpace;
         yposition[i]=yposition[i-1];
         }
xposition[0]=x+interpace;
yposition[0]=y;
for(i=0;i<=message.length-1;i++){
     var thisspan=eval("span"+(i)+".style");
     thisspan.posLeft=xposition[i];
     thisspan.posTop=yposition[i];
     }
            }
var timer=setTimeout("flytxt()",30);
}

</script>
</head>
<body οnlοad=flytxt() style="overflow-x:hidden;overflow-y:scroll;width:100%">
<script language="javascript">
for(i=0;i<=message.length-1;i++)
{document.write("<span id='span"+i+"' class='flytxt'>");
document.write(message[i]);
document.write("</span>");
}

function glowit(j){
var mystyle=eval("span"+j);
if(mystyle.filters.Glow.strength==2){
mystyle.filters.Glow.strength=1;
}
else
mystyle.filters.Glow.strength=2;
}

function startglowing(){
for(i=0;i<=message.length-1;i++)
eval('setInterval("glowit('+i+')",150)');
}
startglowing();
document.οnmοusemοve=currentXY;
</script>
</body>
</html>