使用jQuery动画

时间:2012-07-12 18:30:44

标签: jquery jquery-plugins

我正在制作放大插件,其工作方式如下:

1)页面突出显示的部分显示在一个单独的框中(一个html元素),显示其放大版本。

2)有几种方法可以使用此框的配置,例如使用.animate功能向上,向下,向左,向右移动,如:

按键盘上的向上箭头

$('#monitor').animate({'marginTop': '+=50px'}, 'fast' ); return false; break;

当用户希望自定义#monitor的大小时,问题就出现了。 一种可行的方法是建议增加箱子尺寸的字母表以及减小尺寸的字母表 这个问题可能有什么解决方案?

请参考上面的jQuery代码段

1 个答案:

答案 0 :(得分:0)

从您最后的评论“按下的字母表上的字母”L“高度必须减少到50%,但是文字材料开箱即用”

对于您设置动画的框,您也可以同时设置动画字体大小

$( "#go1" ).click(function(){
  $( "#block1" ).animate( { width: "90%" }, { queue: false, duration: 3000 })
     .animate({ fontSize: "24px" }, 1500 )
     .animate({ borderRightWidth: "15px" }, 1500 );
});

http://api.jquery.com/animate/