帮帮忙看看哪儿有问题,为什么达不到我要的效果呢?(我用的是Dreamw8.0)
<title>跟随光标移动的文字</title>
<style type="text/css">
<! --
.spanstyle{
font-family:Verdana;
font-size:10pt;
font-weight:bold;
color:#0066FF;
position:absolute;
visibility:visible;
top:-50px;
}
-->
</style>
<script language="javascript">
<! --
var x,y;
var message="欢迎光临,请多多指教~O(∩_∩)O~";
var step=15;
var can=0;
message=message.split("");
var xpos=new Arry();
var ypos=new Arry();
for(i=0;i<=message.length-1;i++)
{
xpos[i]=-50;
ypos[i]=-50;
}
function canmove()
{
x=document.body.scrollLeft+even.clientX;
y=document.body.scrollTop+even.clientY;
can=1;
}
function move()
{
if(can==1)
{
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];
}
}
setTimeout("move()",30);
}
// -->
</script>
</head><body onLoad="move()">
<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>");
}
document.onmousemove=canmove;
// -->
</script>
</body>
</html>
<title>跟随光标移动的文字</title>
<style type="text/css">
<! --
.spanstyle{
font-family:Verdana;
font-size:10pt;
font-weight:bold;
color:#0066FF;
position:absolute;
visibility:visible;
top:-50px;
}
-->
</style>
<script language="javascript">
<! --
var x,y;
var message="欢迎光临,请多多指教~O(∩_∩)O~";
var step=15;
var can=0;
message=message.split("");
var xpos=new Arry();
var ypos=new Arry();
for(i=0;i<=message.length-1;i++)
{
xpos[i]=-50;
ypos[i]=-50;
}
function canmove()
{
x=document.body.scrollLeft+even.clientX;
y=document.body.scrollTop+even.clientY;
can=1;
}
function move()
{
if(can==1)
{
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];
}
}
setTimeout("move()",30);
}
// -->
</script>
</head><body onLoad="move()">
<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>");
}
document.onmousemove=canmove;
// -->
</script>
</body>
</html>
解决方案 »
- IE6 图片轮换效果JS报类不能支持automation操作
- 有没有比较好的 解析xml字符串(不是xml文件)的 代码片段 或者 插件(jquery)
- 在input text中使用中文输入法输入中文的过程中拼音字母总在框中显示,如何去掉?
- jquery uploadify上传同名文件的问题
- javascript的语法
- 我修改别人的在线输入法 不知道怎么把键盘输入改为虚拟键盘输入
- 这个循环怎么写?
- 弹出窗口的window.onload无效
- getElementsByName函数问题请求指点
- 取表单值问题(急啊)
- 多个web页面同时打印,如何确保打印顺序?
- tab选项面板在ie下正常,在firefox下不正常的最简单解决办法
<style type="text/css">
.spanstyle{
font-family:Verdana;
font-size:10pt;
font-weight:bold;
color:#0066FF;
position:absolute;
}
</style> <script>
var x,y
var message="欢迎光临,请多多指教~O(∩_∩)O~";
var step=15
var can=0
message=message.split("")
var xpos=new Array()
var ypos=new Array()
for (i=0;i <=message.length-1;i++) {
xpos[i]=-50
ypos[i]=-50
} function canmove(e){
e = e|| window.event
var xx= e.clientX ||e.pageX ;
var yy= e.clientY ||e.pageY;
x = document.body.scrollLeft+xx;
y = document.body.scrollTop+yy;
can=1
}
function move() { if (can==1)
{
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; i++)
{
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
} setTimeout("move()",30)
}
</script>
<body onLoad="move()" >
<script>
for (i=0;i <=message.length-1;i++)
{
document.write(" <span id='span"+i+"'class='spanstyle'>")
document.write(message[i])
document.write(" </span>")
}
document.onmousemove =function(event){canmove(event)};
</script>
<title>跟随光标移动的文字 </title>
<style type="text/css">
<!-- /* err:<! -- */
.spanstyle{
font-family:Verdana;
font-size:10pt;
font-weight:bold;
color:#0066FF;
position:absolute;
visibility:visible;
top:-50px;
}
-->
</style>
<script language="javascript">
<!--// err:<! --
var x,y;
var message="欢迎光临,请多多指教~O(∩_∩)O~"; //err:(半角);
var step=15;
var can=0;
message=message.split("");
var xpos=new Array(); //err:new Arry()
var ypos=new Array(); //
for(i=0;i <=message.length-1;i++)
{
xpos[i]=-50;
ypos[i]=-50;
}
function canmove()
{
x=document.body.scrollLeft+event.clientX;//err: even.clientX
y=document.body.scrollTop+event.clientY; //err:even.clientY
can=1;
}
function move()
{
if(can==1)
{
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];
}
}
setTimeout("move()",30);
}
// -->
</script>
</head> <body onLoad="move()">
<script language="javascript">
<!-- // err:<! --
for(i=0;i <message.length-1;i++)
{
document.write(" <span id='span"+i+"'class='spanstyle'>");
document.write(message[i]);
document.write(" </span>");
}
document.onmousemove=canmove;
// -->
</script>
</body>
改成
document.write(" <span id='span"+i+"'class='spanstyle' style='POSITION: absolute'>");
var xpos=new Arry(); new Array();
x=document.body.scrollLeft+even.clientX;//event.clientX;for(i=0;i <message.length-1;i++) //i < message.length