我正在尝试使用jQuery为div设置动画,背景图片的宽度从左到右逐渐减小,同时绝对定位.
我需要使这与IE8兼容,因此使用jQuery.
这是一个基本的JSFiddle演示链接,我到目前为止,但它从右到左动画:
JSFiddle链接
jQuery(document).ready(function($){ $(document).on('click', '.splat', function(e){ $(this).animate({width:"0px"},800); }); }); .splat { width: 400px; height: 400px; background: blue; position: absolute; top: 100px; left: 100px; }
我需要它朝不同的方向发展,如下图所示:
希望有人能指出我正确的方向(没有双关语!).提前致谢.
您可以使用包装器并将子div定位right:0
.
看这个演示