folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Jquery Fadeın Fadeout Örnek



Jquery Fadeın Fadeout Örnek

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    cemnet
    cemnet's avatar
    Kayıt Tarihi: 18/Eylül/2007
    Erkek

    Merhaba,

     

    Sitenin belli bir bölümünde durular şeklinde yazıları otomatik değiştiren bir örnek yaptımda butda paylaşayım dedim.

     

     

    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

        <script>

            var rak = 1;

            function ac() {

                if (rak == "5")

                    rak = "1";

     

                $("#dvAc" + rak).fadeIn(1000);

                setTimeout("kapa()", 4000);

            }

            function kapa() {

                $("#dvAc" + rak).fadeOut("slow");

                $("#dvAc" + rak).fadeOut(600);

                $("#dvAc" + rak).hide();

                rak++;

                ac();

            }

     

        </script>

    </asp:Content>

    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

        <fieldset>

            <legend></legend><a href="javascript:ac();">aç </a>

            <br /><br />

            <table>

                <tr>

                    <td>

                        <div style="display: none" id="dvAc1">

                            1 lorem morem porem abra kadabra asdf sd fsdf sdfs df </div>

                        <div style="display: none" id="dvAc2">

                            2 lorem morem porem abra kadabra asdf sd fsdf sdfs df </div>

                        <div style="display: none" id="dvAc3">

                            3 lorem morem porem abra kadabra asdf sd fsdf sdfs df </div>

                        <div style="display: none" id="dvAc4">

                            4 lorem morem porem abra kadabra asdf sd fsdf sdfs df </div>

                        <div style="display: none" id="dvAc5">

                            5 lorem morem porem abra kadabra asdf sd fsdf sdfs df </div>

                    </td>

                </tr>

            </table>

        </fieldset>

    </asp:Content>

     
    Reply With Quote Alıntı yap
Toplam Hit: 944 Toplam Mesaj: 1