2
A
回答
1
可以使用半标准的CSS zoom
,半兼容-moz-transform: scale(x);
一个元素。如上所述,这只会扩展它。为了缩放它,或者模仿一个真实的缩放,你必须将它包装在一个相对定位的元素中,并将缩放的内容放置在一个绝对定位的元素中。这里有一个例子:
HTML
<div class="holder"><div id="d">No Zoom</div></div>
<div class="holder"><div id="a">Zoom</div></div>
CSS
#d, #a{
position:absolute;
width:100%;
height:100%;
}
.holder{
overflow:hidden;
position:relative;
width:90px;
height:90px;
background-color:blue;
color:white;
border: 2px solid black;
padding:10px;
}
JS
var a = document.getElementById("a");
a.onmouseover = function(){
this.setAttribute("style","zoom: 5;-moz-transform:scale(5);");
};
a.onmouseout = function(){
this.removeAttribute("style");
};
相关问题
- 1. 在纸上检测符号
- 2. 仅在特定div上使用缩放
- 3. 缩放到特定点上SurfaceView
- 4. MultiScaleImage缩放特定区域
- 5. 在iOS上绘制缩放的表情符号图标
- 6. Highcharts在具有特定标签的x轴上缩放
- 7. Highcharts Arearange在特定长度以上没有缩放动画
- 8. jQuery在MouseOver/MouseOut上放大/缩小特定图像
- 9. 拉斐尔纸张缩放动画
- 10. Safari不缩放项目符号图像
- 11. 翻译,缩放,旋转阴阳符号
- 12. 将逗号放在特定列中
- 13. 在UIImageView上缩放缩放按钮
- 14. 位图到壁纸调整大小缩放设置壁纸
- 15. 在纸上的特定位置上打印
- 16. 放在特定位置的拨号盘上的gimp文本(度)
- 17. 如何缩放UIScrollView的特定部分?
- 18. SKLearn MinMaxScaler - 仅缩放特定列
- 19. iPhone:对特定点进行缩放UIView
- 20. 特定WInForm缩放的错误
- 21. 将图像缩放到特定点
- 22. 在Roku上播放Vimeo Link,用&符号
- 23. 更换特定的符号
- 24. 特定符号的PHP Preg_match
- 25. 如何在缩放纸张时在jointjs上动态添加SVG动画
- 26. 在SymPy中获取特定符号
- 27. 检测缩放iOS上的缩放
- 28. 在.text段中的特定地址上放置字符串
- 29. 特定符号和字符串文件
- 30. D3在X轴上缩放
我认为只有再次缩放。你知道如何做只与JavaScript – newperson
@NevzatOrhan - 是的,是不是缩放比例?用纯javascript查看编辑示例。 –
其实它有点不同。这是解释这个的链接。 – newperson