javascript - 通过单击另一个div来更改和Kenburn缩放网页背景图像

我需要通过单击另一个div来更改和Kenburn缩放，即我的网页背景图像。

你能告诉我怎么做吗。

check my coads here

$(document).ready(function () {

    $('.box1').on('click', function () {

        $('.kenburns').addClass('zoom');
    });
});

最佳答案

您需要将css更改为

.kenburns.zoom {
    -webkit-transform: scale(2) rotate(0.1deg);
    -moz-transform: scale(2) rotate(0.1deg);
}

演示：Fiddle

如果您的html标记与小提琴相同，则

$(document).ready(function () {
    $('.box1').on('click', function () {
        $(this).parent('.kenburns').addClass('zoom');
    });
});

您需要将缩放过渡添加到.kenburns元素，而不是其后代

关于javascript - 通过单击另一个div来更改和Kenburn缩放网页背景图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17848288/