大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
可能是你没有定义left和top,body没有定义margin:0px一开始默认body是margin:10px,一移动就默认从0,0坐标开始,就缩回去了
成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的定西网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
把最后的img用div包起来
div onMouseOver="ShowImage()" onMouseOut="ShowImage()"
img src="images/index_r3_c9.jpg" width="115" height="115" border="0"
/div
input type="button" name="but1" id="but1" value="计算" onclick="one()" /
把submit换成button
//移入
function starMove()
{
var doc = document;
var oBox = doc.getElementById("box");
var timer = null;
clearInterval(timer);
timer = setInterval(function()
{
var speed = 10;
if(oBox.offsetLeft = 0)
{
clearInterval(timer);
}
else
{
oBox.style.left = oBox.offsetLeft + speed + 'px';
}
}, 30)
}
//移出
function starMove2()
{
var doc = document;
var oBox = doc.getElementById("box");
var timer = null;
clearInterval(timer);
timer = setInterval(function()
{
var speed = 10;
if(oBox.offsetLeft == -150)
{
clearInterval(timer);
}
else
{
oBox.style.left = oBox.offsetLeft - speed + 'px';
}
}, 30)
}
这俩个方法里的time的定义位置问题,,,,你把time变成全局变量就没问题了
每次执行的时候都是新的time变量,,,所以停止不了前面的定时器。
用css3更简单
首先定义一个闪烁的-webkit-animation 的name为twinkling,效果是透明度从0到1
@-webkit-keyframes twinkling{
/*透明度由0到1*/
0%{
opacity:0; /*透明度为0*/
}
100%{
opacity:1; /*透明度为1*/
}
}
然后设置需要闪烁的button的样式:
button{
-webkit-animation: twinkling 1s infinite ease-in-out;
}
其中twinkling 为上面定义的,时间为1s,动画无限次,动画效果是ease-in-out