jquery가 그림의 움직임을 실현합니다.제시 작용

3068 단어 jquery
몇 가지 작업이 필요합니다.
첫 번째: 스타일시트 정의
    .red   

    {

        border: 2px solid #ffffff;

    }

둘째: 디더링 함수 정의
       function shake(ele, cls, times) {

            var i = 0, t = false, o = ele.attr("class") + " ", c = "", times = times || 2;

            if (t) return;

            t = setInterval(function () {

                i++;

                c = i % 2 ? o + cls : o;

                ele.attr("class", c);

                if (i == 2 * times&&false) {

                    clearInterval(t);

                    ele.removeClass(cls);

                }

            }, 200);

        };

셋째: 디더링 부품 정의
 <span id="msg">

    @if (ViewBag.msgCount > 0)

    {

    <img id="msg_img" src="@Url.Content("~/Content/warning.png")" width="12" alt="loading"  />

    <span style="color:Red;">@ViewBag.msgCount</span>

    }

    </span>

넷째: 호출
   $(document).ready(function () {

            shake($("#msg"), "red", 1);

        });

           

다섯째: 마무리

좋은 웹페이지 즐겨찾기