javascript - 在 .click() 事件中放大/缩小 Jquery 中的 <body>,可能吗?

标签 javascript jquery zooming

我可以在没有其他插件的情况下使用 jQuery 获得类似 Firefox/Chrome 的放大/缩小效果吗?

如果是,怎么做到的?

最佳答案

var currentZoom = 1;
$('button').click(function() {
    currentZoom += 0.1;
    $('body').css({
        zoom: currentZoom,
        '-moz-transform': 'scale(' + currentZoom + ')'
    });
});

jsFiddle .

关于javascript - 在 .click() 事件中放大/缩小 Jquery 中的 <body>,可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5162181/

相关文章:

javascript - 如何使用动画缩放 Canvas

javascript - request.connection.remoteAddress 现在在 node.js 中以::ffff 为前缀

javascript - 处理 JavaScript 中未定义的属性

javascript - 滚动 block 的 100% 高度

javascript - 如何使 <tr> 充当固定的顶部栏?

javascript - 使用 AJAX 更改 div 内容 - 如何将导航显示为散列/ anchor

google-maps - 如何计算适当的谷歌地图缩放级别

view - PDFTK - 以及更改默认 View 的能力

javascript - 为什么自动对焦属性仅在第一次试用时有效?

javascript - ES6,Lodash sortBy 2 级对象数组