В этой статье описывается метод увеличения, уменьшения и перетаскивания изображений от JS. Поделитесь этим для вашей ссылки, следующим образом:
var divid; var v_left; var v_top; window.onload = function () {divid = document.getElementbyId ("block1"); var height1 = images1.height; // Высота изображения var width1 = images1.width; // ширина изображения v_left = (document.body.clientwidth-width1)/2; v_top = (document.body.clientHeight-height1) /2; divid.style.left=v_left; adviv.style.top=v_top;} Drag = 0; Move = 0;//object varile = document.all; isdrag = false; var y, x; var odragobj; function movemouse (e) {if (isdrag) {odragobj.style.top = (nn6? nty + e.clienty - y: nty + event.clienty - y) + "px"; odragobj.style.left = (Nn6? - x) + "px"; return false;}} // Метод перетаскивания функция initdrag (e) {var Odraghandle = nn6? e.target: event.srcelement; var topelement = "html"; while (odraghandle.tagname! = topelement && odraghandle.classname! = "Dragable") {Odraghandle = nn6? odraghandle.parentnode: odraghandle.parentelement;} if (odraghandle.classname == "Dragable") {isdrag = true; odragobj = odraghandle; nty = parseint (odragobj.style.top + 0); y = nn6? e.clienty: event.clienty; ntx = parseint (odragobj.style.left + 0); x = nn6? e.clientx: event.clientx; document.onmousemove = movemouse; // document.onmouseup = mup; // Событие произойдет при выпуске кнопки мыши;}} document.onmousedown = initdrag; document.onmouseup = новая функция ("isdrag = false"); // Функция перемещения clickmove (s) (s) {if (s up up hagep. parseint (dragobj.style.top) + 100;} else {if (s == "down") {dragobj.style.top = parseint (dragobj.style.top) - 100;} else {if (s == ") "right") {dragobj.style.left = parseint (dragobj.style.left) - 100;}}}}}} // сокращается множественная функция smallit () {// сжигание изображения, теряет высокую высоту 1 = изображения1.height; width1 = image1.width; 1.1;} // Zoom function bigit () {/*// Уменьшите изображение, не теряя горячей точки var Zoom = parseint (image1.style.zoom, 10) || 100; Zoom += event.wheeldelta/ 12; if (Zoom> 0) {image1.style.zoom = (Zoom +10) +"%";} * /// Zoom in in in in in in in in in in in hotpot height1 = images1.height; width1 = image1.width; image1.height = height1 *1; 1.1; Images1.width = width1 *1 ;1 /1 ;1 ;1 /1; RealSize () {images1.style.zoom = 100+"%"; Images1.height = images2.height; Images1.width = Images2.width; divid.style.left = v_left; divid.style.top = v_top;} функция featsize () {varth1 = images2. 360; var height2 = 200; var h = height1 / height2; var w = width1 / width2; if (height1 <height2 && width1 <width2) {image1.height = height1; images1.width = width1;} els {images1.width = width2; images1.height = height1 * width2/width1;}} block1.style.left = 0; block1.style.top = 0;} // Zoom) мыши в функции и выходе (O) {/ * var eleleft; var eletop; if (document.documentElment) {/ * var eLeleft; var; if (document.documentElment). document.documentelement.scrollleft; eletop = document.documentelement.scrolltop;} else {eleleft = document.body.scrollleft; eletop = document.body.scrolltop;} v_left+= eleleft; v_top+= eletop; // divid.style.left = v_left; // divid.style.top = v_top; alert (document.documentelement.scrolltop+"----- xxx"+document.scrolltop+windooffe. Parseint (o.style.zoom, 10) || 100; Zoom + = event.wheeldelta / 12; if (Zoom> 0) {o.style.zoom = Zoom + "%";} вернуть false;}For more information about JavaScript related content, please check out the topics of this site: "JavaScript switching special effects and techniques summary", "JavaScript animation special effects and techniques summary", "JavaScript search algorithm skills summary", "JavaScript data structure and algorithm skills summary", "JavaScript traversal algorithm and techniques summary", "JavaScript operation skills Резюме "," Сводка ошибок JavaScript и навыки отладки "и" JavaScript Mathematic Operation Сводка использования "
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.