水平滾動(dòng)圖片廣告特效

字號(hào):


    水平滾動(dòng)圖片廣告特效:通過(guò)jquery操作層的left屬性,在層中設(shè)置超出隱藏來(lái)時(shí)先的??创a
    <script language="javascript">
    var seT;
    var num =3;//設(shè)置總數(shù)量
    var bnum = 1;//設(shè)置開(kāi)始為轉(zhuǎn)向第一個(gè),默認(rèn)為第0個(gè)
    $(function(){
    $("#img_num > img ").each(function(index){//設(shè)置小按鈕的點(diǎn)擊
    $(this).click(function(){clearInterval(seT);bnum = index;move();seT = setInterval(move,3000);});
    });seT = setInterval(move,3000);
    });
    function move(){//設(shè)置滾動(dòng)動(dòng)作
    if(bnum==3)bnum=0;
    $(".bb").animate({"left":-980*bnum});
    setImg(bnum);
    bnum++;
    }
    function setImg(bnum){//設(shè)置小按鈕的圖片轉(zhuǎn)換
    $("#img_num >img").attr("src","images/an2.png").eq(bnum).attr("src","images/an1.png");
    }
    </script>