我正在使用 jquery 和 animate 函数来对 div 执行缩放按钮,使用 chrome 可以正常工作,但使用 ie8 可以达到 50%,因为我单击并进行缩放,我再次单击并返回原始尺寸,再次单击并再次缩放。
我的 div 指南包含其他 div,所以基本上我要做的是像 pdf 缩放一样的缩放,即 adobe reader 缩放到 pdf。
这是按钮的aspx代码:
<asp:ImageButton ID="ImageButton2" ImageUrl="~/Images/zoom_in.png" OnClientClick="zoom(1); return false;" runat="server" Height="28" />
<asp:ImageButton ID="ImageButton3" ImageUrl="~/Images/zoom_out.png" OnClientClick="zoom(2); return false;" runat="server" Height="28" />
<asp:ImageButton ID="ImageButton4" ImageUrl="~/Images/zoom_reset.png" OnClientClick="zoom(0); return false;" runat="server" Height="28" />
这是jquery代码:
function zoom(type) {
_targetsize = (type == 1) ? _targetsize * 1.2 : (type == 2) ? _targetsize * 0.8 : 1;
$("#divGuide").animate({ zoom: _targetsize });
}
谢谢。