实现以下的效果 
http://www.net.cn/就是它中间的那个广告图片自动播放

解决方案 »

  1.   

    http://www.lanrentuku.com/js/p1.html
    这里去找吧!很多呢!
      

  2.   


    <style type="text/css">
    img{border:0;}
    .picshow { z-index:444; position:relative; background-color:#e4f2fa; width: 100%; height: 250px}
    .picshow_main { position: relative; width: 690px; height: 250px}
    .picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 690px; height: 250px}
    .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 600px;}
    .picshow_change img {width:20px; height: 15px}
    .picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
    a.axx { border-color: #555}
    a.axx:hover {border-color: #000}
    a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
    a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
    a.bxx { border-color: #000}
    a.bxx:hover {border-color: #000}
    </style>
    <SCRIPT language=javascript>
    //图片滚动展示 Start
    var counts = 3;
    //大图
    img1 = new Image();
    img1.src = 'http://images1.www.net.cn/static/images/index_ad091102.jpg';
    img2 = new Image();
    img2.src = 'http://images1.www.net.cn/static/images/index_ad090923.jpg';
    img3 = new Image();
    img3.src = 'http://images1.www.net.cn/static/images/index_ad091103.jpg'; var smallImg = new Array();
    //小图
    smallImg[0] = 'http://images1.www.net.cn/static/images/index_adb1.gif';
    smallImg[1] = 'http://images1.www.net.cn/static/images/index_adb2.gif';
    smallImg[2] = 'http://images1.www.net.cn/static/images/index_adb3.gif'; //链接地址
    url1 = new Image();
    url1.src = 'http://www.net.cn/static/discount/091027x.asp?aid=ad01_091102x';
    url2 = new Image();
    url2.src = 'http://www.net.cn/static/discount/090923_special.asp?aid=ad02_090924x';
    url3 = new Image();
    url3.src = 'http://www.net.cn/static/newscenter/com.asp?aid=ad03_091103y';
    //alt值
    alt1 = new Image();
    alt1.alt = '年度疯惠 虚拟主机低至5折';
    alt2 = new Image();
    alt2.alt = '5000元尽享独立主机使用体验';
    alt3 = new Image();
    alt3.alt = '现在注册.COM就能参与抽奖!';
    //
    var nn = 1;
    var key = 0;
    function change_img() {
    if (key == 0) {
    key = 1;
    } else if (document.all) {
    document.getElementById("pic").filters[0].Apply();
    document.getElementById("pic").filters[0].Play(duration = 2);
    }
    eval('document.getElementById("pic").src=img' + nn + '.src');
    eval('document.getElementById("url").href=url' + nn + '.src');
    eval('document.getElementById("pic").alt=alt' + nn + '.alt');
    if (nn == 1) {
    document.getElementById("url").target = "_blank";
    document.getElementById("url").style.cursor = "pointer";
    } else {
    document.getElementById("url").target = "_blank"
    document.getElementById("url").style.cursor = "pointer"
    } for ( var i = 1; i <= counts; i++) {
    document.getElementById("xxjdjj" + i).className = 'axx';
    }
    document.getElementById("xxjdjj" + nn).className = 'bxx';
    nn++;
    if (nn > counts) {
    nn = 1;
    }
    tt = setTimeout('change_img()', 7000);
    }
    function changeimg(n) {
    nn = n;
    window.clearInterval(tt);
    change_img();
    }
    function ImageShow() {
    document.write('<div class="picshow_main">');
    document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
    document.write('<div class="picshow_change">');
    for ( var i = 0; i < counts; i++) {
    document.write('<a href="javascript:changeimg(' + (i + 1)
    + ');" id="xxjdjj' + (i + 1)
    + '" class="axx" target="_self"><img src="' + smallImg[i]
    + '"></a>');
    }
    document.write('</div></div>');
    change_img();
    }
    //图片滚动展示 End
    ImageShow();
    </SCRIPT>80分蛮高的,帮你扣下来了
      

  3.   

    http://www.lanrentuku.com/js/jiaodiantu-692.html