Увеличить css/javascript

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

Ответ 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)';

Ответ 2

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

div.style.zoom

Ответ 3

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

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