帮帮忙看看哪儿有问题,为什么达不到我要的效果呢?(我用的是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>
解决方案 »
- SVG 用JS动态生成的无法显示,请问是什么原因呢
- 高手求救,用js 在table中点击(onclick)td时怎样才能获取td的值?
- 急!!
- 九九乘法表怎么显示不出来
- 用javascript根据Radiobuttonlist选项,禁用或启用其他RadioButtonList
- 表单检查的问题
- 关于联动的问题,请高手们多帮忙,再现等待!
- 怎样将<input type="file">中的那个文本框变为只读,但后面的浏览按钮还能生效
- 两个窗口间传递数据的问题。
- 请问怎么创建和使用二维或多维数组阿?
- 多个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