<!--轮播-->
<style>
#lb{ overflow:hidden; width:560px; height:281px;  float:left}
#lb0{ overflow:hidden; width:560px;height:251px;}
#lb0 img { width:560px; height:251px;  }
#lbt{ width:560px; height:30px; background:#acacac;}
#lbt div{width:140px; height:29px;text-align:center; font-size:14px; line-height:29px;float:left;border-right:1px solid #ddd; cursor:hand; overflow:hidden}
#lbt .lbt1{color:#fff; background:url(/templets/caidaojia/images/lbbg.jpg) repeat-x; font-weight:bold; font-size:12px;}
#lbt .lbt0{color:#fff; background:#999; font-size:12px;}
</style>
<div id="lb">
<div id="lb0"><a id="lblink" href="#" target="_blank"><img id='lbbimg' src='/templets/caidaojia/images/tm.gif' onload='lbLoadFinsh()' onmousemove="onBImg()" onmouseout="outBimg()" style="filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" /></a></div>
<div id="lbt"></div>
</div>
<script>
    var lbArr = new Array();
    var lbIndex = 0, lbTime, lbflag = false, speed = 4000;
    function showLBImg(v) {
        if (v != null) lbIndex = v;
        var l = lbArr.length;
        if (l <= 0) return;
        if (lbIndex >= l) lbIndex = 0;
        if (lbIndex < 0) lbIndex = l - 1;
        clearTimeout(lbTime);
        for (var i = 0; i < l; i++) {
            document.getElementById("lbt" + i).className = "lbt0";
        }
        if (document.all) {
            document.getElementById("lbbimg").filters[0].Apply();
            document.getElementById("lbbimg").filters[0].Play(duration = 2);
        }
        document.getElementById("lbt" + lbIndex).className = "lbt1";
        document.getElementById("lblink").href = lbArr[lbIndex][0];
        document.getElementById("lbbimg").src = lbArr[lbIndex][1];
    }
    function drawLB() {
        var str = "";
        for (var i = 0; i < lbArr.length; i++) {
            str += "<div id='lbt" + i + "' class='lbt0' onclick='clkLBT(" + i + ")' onmouseover='showBImg(" + i + ")' onmouseout='outBImg(" + i + ")'" + (i == 3 ? " style='width:136px;float:right;border:0px; '" : "") + ">" + lbArr[i][2] + "</div>";
        }
        document.getElementById("lbt").innerHTML = str;
        lbflag = true;
    }
    function lbLoadFinsh() { if (!lbflag) { clearTimeout(lbTime); return; } lbTime = setTimeout("loadLB()", speed); }
    function loadLB() { showLBImg(++lbIndex); }
    function showBImg(v) { lbflag = false; showLBImg(v); }
    function outBImg(v) { lbflag = true; lbTime = setTimeout("showLBImg()", speed); }
    function toNext(v) { lbIndex += v; showLBImg(); }
    function onBImg() { lbflag = false; clearTimeout(lbTime); }
    function outBimg() { lbflag = true; lbTime = setTimeout("showLBImg()", speed); }
    function clkLBT(v) { window.open(lbArr[v][0]); }
</script>
<script>
lbArr[0]=["","/templets/caidaojia/images/j_14.jpg","阳澄湖大闸蟹更给力"];
lbArr[1]=["","/templets/caidaojia/images/f1.jpg","中秋感恩谢君情"];
lbArr[2]=["","/templets/caidaojia/images/f2.jpg","中秋感恩谢君情"];
lbArr[3]=["","/templets/caidaojia/images/f3.jpg","中秋感恩谢君情"];
drawLB();showLBImg(lbIndex);
</script>
<!--//轮播-->

• 上一篇：js动态获取HTML
• 下一篇：破360浏览器 css js 兼容问题