WEB开发网
开发学院网页设计JavaScript JavaScript 拖拉缩放效果 阅读

JavaScript 拖拉缩放效果

 2010-09-14 13:27:46 来源:WEB开发网   
核心提示: Scale:false,//是否按比例缩放Ratio:0,//缩放比例(宽/高)onResize:function(){}//缩放时执行然后使用Set程序添加拖拉对象,Set程序需要两个参数,JavaScript 拖拉缩放效果(8),第一格是拖拉对象,第二个是缩放参数,其中缩放参数可以是&

Scale: false,//是否按比例缩放

Ratio: 0,//缩放比例(宽/高)

onResize:function(){}//缩放时执行

然后使用Set程序添加拖拉对象,Set程序需要两个参数,第一格是拖拉对象,第二个是缩放参数。

其中缩放参数可以是"right-down"、"left-down"、"right-up"、"left-up"、"right"、"left"、"up"和"down"其中之一。

像这样添加就行了:

rs.Set("rDown","down");

ps:如果跟跟拖放效果配合使用时,要禁止冒泡,否则一点拖拉对象就冒泡到拖放了。

程序代码

varisIE=(document.all)?true:false;
var$=function(id){
  return"string"==typeofid?document.getElementById(id):id;
};
varClass={
  create:function(){
    returnfunction(){this.initialize.apply(this,arguments);}
  }
}
varExtend=function(destination,source){
  for(varpropertyinsource){
    destination[property]=source[property];
  }
}
varBind=function(object,fun){
  returnfunction(){
    returnfun.apply(object,arguments);
  }
}
varBindAsEventListener=function(object,fun){
  varargs=Array.prototype.slice.call(arguments).slice(2);
  returnfunction(event){
    returnfun.apply(object,[event||window.event].concat(args));
  }
}
varCurrentStyle=function(element){
  returnelement.currentStyle||document.defaultView.getComputedStyle(element,null);
}
functionaddEventHandler(oTarget,sEventType,fnHandler){
  if(oTarget.addEventListener){
    oTarget.addEventListener(sEventType,fnHandler,false);
  }elseif(oTarget.attachEvent){
    oTarget.attachEvent("on"+sEventType,fnHandler);
  }else{
    oTarget["on"+sEventType]=fnHandler;
  }
};
functionremoveEventHandler(oTarget,sEventType,fnHandler){
  if(oTarget.removeEventListener){
    oTarget.removeEventListener(sEventType,fnHandler,false);
  }elseif(oTarget.detachEvent){
    oTarget.detachEvent("on"+sEventType,fnHandler);
  }else{
    oTarget["on"+sEventType]=null;
  }
};

上一页  3 4 5 6 7 8 9 10  下一页

Tags:JavaScript 拖拉 缩放

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接