本文实例讲述了JS实现网页游戏中滑块响应鼠标点击移动效果。分享给大家供大家参考，具体如下：
这是网页游戏中的一个有趣效果，可以完成以下几个动作：滚动、scroll 8个方向、鼠标坐标获娶对象上下左右位置获取，大家可以自己添加、MoveReady和ScrollReady两个注释掉了 取消注释后防止鼠标连续点击效果叠加。
在线演示地址如下：
http://demo.jb51.net/js/2015/js-web-game-click-move-demo/
具体代码如下：
网页游戏中的一个有趣效果
var ie = ! -[1, ], myDate = new Date();
function Sin(x,v) {
var y = Math.round(Math.sin(Math.PI*x/180)*100)/100;
return ie?y*v*3:y*v;
}
/*返回数组序号*/
Num = function(e, eles) {
for (var i = 0; i < eles.length; i++) {
if (eles[i] == e) { return i; }
}
}
/*字符串判定*/
GetCur = function(Str, cur) {
var str = new RegExp(cur, "gi")
return str.test(Str);
}
/*DOM构造*/
var div=function(id){return new HtmlEle.init(id);}
HtmlEle={
init:function(id){
this[0]=id==Object?id:document.getElementById(id);
return this;
},
css:function(s){
for(var i in s){
this[0].style[i]=s[i];
}
},
Obj:function(){
var obj=this[0];
var objTop=obj.offsetTop,objLeft=obj.offsetLeft,objWidth=obj.offsetWidth,objHeight=obj.offsetHeight;
return {top:objTop,right:objLeft+objWidth,bottom:objTop+objHeight,left:objLeft,width:objWidth,height:objHeight}
},
MoveReady:true,
Move:function(s,point){
var obj=this[0],n=0,v=s,main=this,v2=90;
if(this.MoveReady==true){
//main.MoveReady=false;
var Top=function(){
n=n
希望本文所述对大家JavaScript程序设计有所帮助。
