zoukankan      html  css  js  c++  java
  • 来自互动百科漂亮的JS焦点图代码_网页代码站(www.webdm.cn)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <style type=text/css>
     IMG {
     BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
    }

    #lantern_slide {
     BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 8px 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 302px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 344px
    }

    #bimg {
     FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); OVERFLOW: hidden; HEIGHT: 300px
    }
    #info {
     FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 34px; TEXT-ALIGN: center
    }
    .lkff A {
     COLOR: #fff; TEXT-DECORATION: none
    }
    .lkff A:hover {
     COLOR: #fff; TEXT-DECORATION: none
    }
    #simg {
     PADDING-LEFT: 9px
    }
    #simg DIV {
     FONT-SIZE: 12px; BACKGROUND: #d6d6d6; FLOAT: left; WIDTH: 18px; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 18px; MARGIN-RIGHT: 1px; HEIGHT: 18px; TEXT-ALIGN: center
    }
    #simg .f1 {
     BACKGROUND: #6f6f6f
    }
    .dis {
     DISPLAY: block
    }
    .undis {
     DISPLAY: none
    }
    .lkff {
     WIDTH: 180px
    }

    #font_hd {
     MARGIN-TOP: 3px; BACKGROUND: #343434; WIDTH: 100%; HEIGHT: 41px
    }
    #font_hd TD {
     OVERFLOW: hidden; HEIGHT: 25px
    }
    .pic {
     OVERFLOW: hidden
    }
    .pic .dis A {
     DISPLAY: block; FONT-SIZE: 262px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; WIDTH: 300px; FONT-FAMILY: Arial; HEIGHT: 300px; TEXT-ALIGN: center
    }
    .pic .dis A IMG {
     MAX-WIDTH: 300px; VERTICAL-ALIGN: middle
    }
    #font_hd TD A {
     FONT-SIZE: 12px; WIDTH: 180px; LINE-HEIGHT: 25px; HEIGHT: 25px
    }
      
    </style>
    <title>来自互动百科漂亮的JS焦点图代码_网页代码站(www.webdm.cn)</title>
    </head>
    <body style="text-align:center">

    <DIV id=lantern_slide>
    <TABLE class="ge" id=ge cellSpacing=0 cellPadding=0>
      <TBODY>
      <TR>
        <TD class="pic" id=bimg><!---图像大小300px×300px--->
          <DIV class="dis" name="f"><A
          href="http://www.webdm.cn/"
          target=_blank><IMG alt=网页代码站
          src="http://www.webdm.cn/images/20101023/1/01.jpg"></A></DIV>
          <DIV class="undis" name="f"><A href="http://www.webdm.cn/"
          target=_blank><IMG alt=网页代码站
          src="http://www.webdm.cn/images/20101023/1/02.jpg"></A></DIV>
          <DIV class="undis" name="f"><A
          href="http://www.webdm.cn/"
          target=_blank><IMG alt=网页代码站
          src="http://www.webdm.cn/images/20101023/1/03.jpg"></A></DIV>
          <DIV class="undis" name="f"><A
          href="http://www.webdm.cn/"
          target=_blank><IMG alt=网页代码站
          src="http://www.webdm.cn/images/20101023/1/04.jpg"></A></DIV>
          <DIV class="undis" name="f"><A
          href="http://www.webdm.cn/"
          target=_blank><IMG alt=网页代码站
          src="http://www.webdm.cn/images/20101023/1/05.jpg"></A></DIV>
          <TABLE id=font_hd cellSpacing=0 cellPadding=0>
            <TBODY>
            <TR>
              <TD class="lkff" id=info>
                <DIV class="dis" name="f"><A
                href="http://www.webdm.cn/"
                target=_blank>www.webdm.cn</A></DIV>
                <DIV class="undis" name="f"><A href="http://www.webdm.cn/"
                target=_blank>www.webdm.cn</A></DIV>
                <DIV class="undis" name="f"><A
                href="http://www.webdm.cn/"
                target=_blank>www.webdm.cn</A></DIV>
                <DIV class="undis" name="f"><A
                href="http://www.webdm.cn/"
                target=_blank>www.webdm.cn</A></DIV>
                <DIV class="undis" name="f"><A
                href="http://www.webdm.cn/"
                target=_blank>www.webdm.cn</A></DIV></TD>
              <TD id=simg>
                <DIV class="" onclick=play(x[0],0) name="f">1</DIV>
                <DIV class="f1" onclick=play(x[1],1) name="f">2</DIV>
                <DIV class="f1" onclick=play(x[2],2) name="f">3</DIV>
                <DIV class="f1" onclick=play(x[3],3) name="f">4</DIV>
                <DIV class="f1" onclick=play(x[4],4) name="f">5</DIV>
      </TD></TR></TBODY></TABLE>
    <SCRIPT type=text/javascript>
        function getid(o) { return (typeof o == "object") ? o : document.getElementById(o); }
        function getNames(obj, name, tij) {
            var plist = getid(obj).getElementsByTagName(tij);
            var rlist = new Array();
            for (i = 0; i < plist.length; ++i) { if (plist[i].getAttribute("name") == name) { rlist[rlist.length] = plist[i]; } }
            return rlist;
        }

        function fiterplay(obj, num, t, name, c1, c2) {
            var fitlist = getNames(obj, name, t);
            for (i = 0; i < fitlist.length; ++i) {
                if (i == num) {
                    fitlist[i].className = c1;
                }
                else {
                    fitlist[i].className = c2;
                }
            }
        }
        function play(obj, num) {
            var s = getid('simg');
            var i = getid('info');
            var b = getid('bimg');
            try {
                with (b) {
                    filters[0].Apply();
                    fiterplay(b, num, "div", "f", "dis", "undis");
                    fiterplay(s, num, "div", "f", "", "f1");
                    fiterplay(i, num, "div", "f", "dis", "undis");
                    filters[0].play();
                }
            }
            catch (e) {
                fiterplay(b, num, "div", "f", "dis", "undis");
                fiterplay(s, num, "div", "f", "", "f1");
                fiterplay(i, num, "div", "f", "dis", "undis");
            }
        }

        var autoStart = 0;
        var n = 0; var s = getid("simg");
        var x = getNames(s, "f", "div");
        function clearAuto() { clearInterval(autoStart); };
        function setAuto() { autoStart = setInterval("auto(n)", 3000) }
        function auto() {


            n++;
            if (n > (x.length - 1)) {
                n = 0;
                clearAuto();
            }
            play(x[n], n);

        }
        function ppp() {
            setAuto();

        }
        ppp();
    </SCRIPT>
        </TD></TR></TBODY></TABLE></DIV>

    <br />
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
    <p></p>
    </body>
    </html>

  • 相关阅读:
    select接收后台返回值的解决方案
    junit 使用
    jsoup解析HTML及简单实例
    面向接口编程及适配器模式
    数据库 SQL语句小结(更新中)
    最近关于虚拟机的学习
    AQS源码解析
    ReentrantLock源码阅读记录(二)之ReentrantReadWriteLock
    Semaphore 源码解读
    Httpclient学习多一点儿
  • 原文地址:https://www.cnblogs.com/webdm/p/1859489.html
Copyright © 2011-2022 走看看