увеличить CSS / Javascript

Question

Я хотел бы знать, как можно управлять свойством масштабирования через JavaScript, как div.style.top, как указать для увеличения?

Answer 1

Эквивалентами Firefox & Chrome (Webkit) для специфического для IE свойства zoom являются соответственно -moz-transform и -webkit-transform.

Пример кода:

.zoomed-element {
    zoom: 1.5;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

Вы должны быть немного более осторожны с Javascript (сначала проверьте на существование), но вот как вы должны ими манипулировать:

el.style.zoom = 1.5;
el.style.MozTransform = 'scale(1.5)';
el.style.WebkitTransform = 'scale(1.5)';

Answer 2

Это свойство style, но оно поддерживается не всеми браузерами. Это нестандартное расширение Microsoft * CSS , которое реализует Internet Explorer. Доступ осуществляется так:

div.style.zoom

Answer 3

Вы можете попробовать легкий плагин jQuery под названием Zoomoz . Он использует свойства CSS3-преобразования (translate, rotate, scale). Посмотрите раздел «Масштабирование пути jQuery. Надеюсь, это поможет.

$(document).ready(function() {
    $("#element").zoomTarget();
});