jQuery jonlantirilgan tasvir ekranning markazidan kenglik va balandlikni oshiradi

Mening bo'sh doiramda tasvir bor. Ekranning markazidan 0px kenglik va balandlikdan 1000px kenglik va balandlikka ko'tarish uchun bu doiralarning 10-tasi kerak. Animatsiyalar bir-biriga har xil intervyularda boshlanishi kerak, shuning uchun siz konsentrik doiralarni kengaytirasiz va tasvirlar shaffofligi 0 ga o'zgartirilishi kerak. Quyida men hozirda mavjud bo'lgan kod, ammo u juda siqilishli va ideal emas. Bu erda xato qilganim yo'qmi?


<script type="text/javascript">
    var numNewsCircles = 4;
    var $animationNews;
    $(document).ready(function() {
        $animationNews = $("#animationNews");

        var animationNewsTop = ($(window).height() - 20)/2;
        var animationNewsLeft = ($(window).width() - 20)/2;
        for (var i = 1; i <= numNewsCircles; i++) {
            $animationNews.append($(''));
        }
        animateNews();
    });

    function animateNews() {
        var newLeft = ($(window).width() - 1020)/2;
        var newTop = ($(window).height() - 1020)/2;
        for (var i = 1; i <= numNewsCircles; i++) {
            var delay = 2000 * i;
            $("#newsCircle" + i).delay(delay).animate({ height: 1000 + "px", width: 1000 + 'px', left: newLeft + 'px', top: newTop + 'px' }, 3000, function() {

            });
        }
    }
</script>

Bunga yordam berish, albatta, juda minnatdor.

Rahmat

1
Men ham bir kishi CSS3 versiyasini o'zgartiradimi yoki yo'qligini bilib olishni istardim!
qo'shib qo'ydi muallif Greg Pettit, manba

Javob yo'q

0