js游戏字符上下运行效果代码共享
本文的示例讲述了js游戏角色在上下两层的运行效果，供大家参考：js游戏角色上下运行效果是一个由UI按钮创建的jQuery，网格布局图片动画切换效果。你操纵游戏人物，有兴趣掌控一切，感兴趣的人可以学习它。
兼营：-------------------效果图查看结果-------------------下载源代码
提示：如果不能在浏览器中正常运行，可以尝试切换浏览模式。
jQuery共享热气球动画后台登录框代码如下
js游戏字符上下运行
表{
位置：绝对；
上图：100px；
右：100px；
宽度：150px；
身高：150px；
}
输入{
宽度：40px；
身高：30px；
背景：橙色；
颜色：白色；
字体粗细：粗体；
边界：无；
边界半径：5px；
}
{ IMG
位置：绝对；
上图：300px；
左：500px；
}
var i = 0，CLC = null，旗；
VaR（'im图像= document.getelementbyid）；
VaR OUP = document.getelementbyid（向上的）；
无功odown = document.getelementbyid（Down'）；
VaR重大= document.getelementbyid（右）；
VaR的本子= document.getelementbyid（左）；
无功oleftup = document.getelementbyid（'leftup）；
无功oleftdown = document.getelementbyid（'leftdown）；
无功orightup = document.getelementbyid（'rightup）；
无功orightdown = document.getelementbyid（'rightdown）；
无功ostop = document.getelementbyid（停止'）；
images.style.top = '300px；
images.style.left = '500px；
停止
ostop.onclick =函数（）{
开关（旗）{
案例1：images.src = 'images / up-0 PNG；打破；
案例2：images.src = 'images / down-0 PNG；打破；
案例3：images.src = 'images / left-0 PNG；打破；
案例4：images.src = 'images / right-0 PNG；打破；
案例5：images.src = 'images / rightup-0 PNG；打破；
案例6：images.src = 'images / rd-0 PNG；打破；
案例7：images.src = 'images / ld-0 PNG；打破；
案例8：images.src = 'images / lu-0 PNG；打破；
}
ClearInterval（CLC）；
}
oup.onclick =函数（）{
我= 0；
ClearInterval（CLC）；
CLC = setInterval（（我+ +）；
}
函数向上（）{
我=我% 4；
var；
images.src =名称；
images.style.top = parseInt（图像。风格。顶部）- 10 + 'px；
旗= 1；
}
odown.onclick =函数（）{
我= 0；
ClearInterval（CLC）；
CLC = setInterval（下（我+ +）；
}
函数向下（）{
我=我% 4；
var；
images.src =名称；
images.style.top = parseInt（图像。风格。顶部）+ 10 + 'px；
旗= 2；
}
左/左
oleft.onclick =函数（）{
我= 0；
ClearInterval（CLC）；
CLC = setInterval（左（我+ +）；
}
函数左（）{
我=我% 4；
var；
images.src =名称；
images.style.left = parseInt（图像。风格。左）- 10 + 'px；
旗= 3；
}
对/对
oright.onclick =函数（）{
我= 0；
ClearInterval（CLC）；
CLC = setInterval（权利（我+ +）；
}
函数右（）{
我=我% 4；
var；
images.src =名称；
images.style.left = parseInt（图像。风格。左）+ 10 + 'px；
旗= 4；
}
在右边
orightup.onclick =函数（）{
我= 0；
ClearInterval（CLC）；
CLC = setInterval（了（我+ +）；
}
功能了（）{
我=我% 4；
变量名=图像/直-+我++PNG；
images.src =名称；
images.style.left = parseInt（图像。风格。左）+ 10 + 'px；
images.style.top = parseInt（图像。风格。顶部）- 10 + 'px；
旗= 5；
}
对/对
orightdown.onclick =函数（）{
我= 0；
ClearInterval（CLC）；
CLC = setInterval（抛（我+ +）；
}
功能抛（）{
我=我% 4；
var；
images.src =名称；
images.style.left = parseInt（图像。风格。左）+ 10 + 'px；
images.style.top = parseInt（图像。风格。顶部）+ 10 + 'px；
旗= 6；
}
向左
oleftdown.onclick =函数（）{
我= 0；
ClearInterval（CLC）；
CLC = setInterval（leftdown（i++）；
}
功能leftdown（）{
我=我% 4；
var；
images.src =名称；
images.style.left = parseInt（图像。风格。左）- 10 + 'px；
images.style.top = parseInt（图像。风格。顶部）+ 10 + 'px；
旗= 7；
}
在左边/
OLeftUp.onclick = function () {
我= 0；
ClearInterval（CLC）；
CLC = setInterval（LeftUp（我+ +）；
}
函数的LeftUp（）{
我=我% 4；
var；
images.src =名称；
images.style.left = parseInt（图像。风格。左）- 10 + 'px；
images.style.top = parseInt（图像。风格。顶部）- 10 + 'px；
旗= 8；
}
以上是分享js游戏文字上下运行效果的代码，希望大家能喜欢。