none
ASP.NET Yavaş yavaş renk değiştiren arka plan yapımı RRS feed

  • Soru

  • Herkese merhaba. Bu mesaj benim ilk mesajım olacak. Size bir soru sormak istiyorum. Sitemin arkasına yavaş yavaş renk değiştiren yani direk değil de yavaş yavaş değişen bir arka plan nasıl yaparım? Bu konularda yeni olduğum için tam bir fikir üretemedim.

    Cevaplarınızı bekliyorum...

    5 Şubat 2015 Perşembe 20:50

Yanıtlar

  • Değiştirsin de ne olunca değiştirsin? zamana bağlı mı? bişeye tıklayınca mı? bunu belirtirseniz daha net yanıt verebiliriz ya da drop down list ile çalışan bir örnek vereyim, kendinize uyarlayın;

    <body>
        <select id="colorSelect">
            <option value="#1E90FF">dodgerblue</option>
            <option value="#F5F5DC">beige</option>
            <option value="#F5F5F5">whitesmoke</option>
            <option value="#FF69B4">hotpink</option>
            <option value="#ffffff" selected>white</option>
        </select>
    
        <script src="Scripts/jquery-2.1.1.min.js"></script>
        <script src="Scripts/jquery.color-2.1.2.js"></script>
        <script>
            $(function () {
                $('#colorSelect').change(function () {
                    $('body').animate({ backgroundColor: $(this).val() }, 500)
                });
            });
        </script>
    </body>

    Not: Bunun için jQuery ve jQueryColor library'lerini nuget ile indirmelisiniz.


    www.mvcblog.org
    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com


    6 Şubat 2015 Cuma 07:13
    Moderatör

Tüm Yanıtlar

  • Değiştirsin de ne olunca değiştirsin? zamana bağlı mı? bişeye tıklayınca mı? bunu belirtirseniz daha net yanıt verebiliriz ya da drop down list ile çalışan bir örnek vereyim, kendinize uyarlayın;

    <body>
        <select id="colorSelect">
            <option value="#1E90FF">dodgerblue</option>
            <option value="#F5F5DC">beige</option>
            <option value="#F5F5F5">whitesmoke</option>
            <option value="#FF69B4">hotpink</option>
            <option value="#ffffff" selected>white</option>
        </select>
    
        <script src="Scripts/jquery-2.1.1.min.js"></script>
        <script src="Scripts/jquery.color-2.1.2.js"></script>
        <script>
            $(function () {
                $('#colorSelect').change(function () {
                    $('body').animate({ backgroundColor: $(this).val() }, 500)
                });
            });
        </script>
    </body>

    Not: Bunun için jQuery ve jQueryColor library'lerini nuget ile indirmelisiniz.


    www.mvcblog.org
    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com


    6 Şubat 2015 Cuma 07:13
    Moderatör
  • http://www.bitstorm.org/jquery/color-animation/

    Neye göre renk değiştirecek. Tıklamayla mı üzerine gelince mi kendi kendine sürekli olarak mı ?

    6 Şubat 2015 Cuma 07:55
  • Sürekli kendi kendine değişecekti. Ancak ben çözümü flash animasyon yaparak çözdüm. Yardımınız için size teşekkür ederim.
    6 Şubat 2015 Cuma 13:30
  • ve buna çözüm diyorsunuz? hmm..

    www.mvcblog.org
    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

    6 Şubat 2015 Cuma 13:44
    Moderatör
  • Sürekli kendi kendine değişecekti. Ancak ben çözümü flash animasyon yaparak çözdüm. Yardımınız için size teşekkür ederim.
    Flash kullanmanızı pek tavsiye etmem. Yerine JQUERY kodları bu işlemleri hem daha hızlı hem daha güvenli çözebilir.
    7 Şubat 2015 Cumartesi 08:09