body div js 放大图片_div+js内部实现图片旋转,放大,缩小,拖拽

DOCTYPE html> Titletitle> .rot1{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }.rot2{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }.rot3{-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }#imageView_container{border:2px solid #000000; } style> script> script> script> head> div> div> $(function() {varparam={

right: document.getElementById("rotRight"),

left: document.getElementById("rotLeft"),

img: document.getElementById("rotImg"),

rot:0};varfun={

right:function() {

param.rot+= 1;

param.img.className= "rot" +param.rot;if(param.rot=== 3) {

param.rot= -1;

}

},

left:function() {

param.rot-= 1;if(param.rot=== -1) {

param.rot= 3;

}

param.img.className= "rot" +param.rot;

}

};

param.right.οnclick= function() {

fun.right();return false;

};

param.left.οnclick= function() {

fun.left();return false;

};

$('#imageView_container').imageView({ width:800, height:500});

});varsize= 0;//放大缩小图片 functionimgToSize(size) {varimg=$("#rotImg");varoWidth=img.width();//取得图片的实际宽度 varoHeight=img.height();//取得图片的实际高度 img.width(oWidth+size);

img.height(oHeight+size/oWidth*oHeight);

}script> body> html>