首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > J2SE开发 >

JS求1效果,懂JS的大神麻烦进来看看

2013-10-29 
JS求一效果,懂JS的大神麻烦进来看看就是一张图片不断的在屏幕之间来回滚动的那种效果,谁能帮忙写一个。。谢

JS求一效果,懂JS的大神麻烦进来看看
就是一张图片不断的在屏幕之间来回滚动的那种效果,谁能帮忙写一个。。
谢谢了!!!
就是如下图所显示的效果。。
JS求1效果,懂JS的大神麻烦进来看看
代码如下,又不会的就问。这个自己写的。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
#image{
position:absolute;
}
</style>
<script type="text/javascript">

var x=50;
var y=60;
var step=1;
var xflag=true;
var yflag=true;

function move(){
var image=document.getElementById("image");

var xRange=document.documentElement.clientWidth-image.offsetWidth;
var yRange=document.documentElement.clientHeight-image.offsetHeight;

if(x>=xRange){
xflag=false;
}
if(x<=0){
xflag=true;
}
if(y>=yRange){
yflag=false;
}
if(y<=0){
yflag=true;
}

x+=xflag?step:-step;
y+=yflag?step:-step;

image.style.left=x+"px";
image.style.top=y+"px";
}
window.onload=function(){

window.setInterval("move()",10);//周期执行一个函数
}
</script>
</head>
<body>
<img id="image" src="1.png" alt="JS求1效果,懂JS的大神麻烦进来看看"></img>

</body>
</html>

热点排行