• javascript图片渐变轮换效果

    <html>
    <head>
    <title>图片渐变轮换效果</title>
    <meta name="generator" content="editplus">
    <meta name="author" content="5dshow.com">
    </head>
    <body>
    <p>图片渐变轮换效果(IE),请等几秒钟看效果</p>
    <a href="#" id="javascript.a"><img src="UploadFiles/2006-6/69311881.jpg" id="javascript.img" border=0 

    style    ="filter:blendTrans(duration=2)" width="240" height="180"></a>
    <script>
    <!--
    var ImgSrc = new Array();//图片地址
    ImgSrc[0] = "UploadFiles/2006-6/69846915.jpg"
    ImgSrc[    1] = "UploadFiles/2006-7/73557027.jpg"
    ImgSrc[    2] = "UploadFiles/2006-7/73557027.jpg"
    ImgSrc[    3] = "UploadFiles/2006-7/79256345.jpg"


    for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}//预加载图片

    var ImgAlt = new Array();//鼠标放上去显示的文字
    ImgAlt[0] = "合纵堂相簿1"
    ImgAlt[    1] = "合纵堂相簿2"
    ImgAlt[    2] = "合纵堂相簿3"
    ImgAlt[    3] = "合纵堂相簿4"

    var ImgHerf = new Array();//链接
    ImgHerf[0] = "0/5dshow/archives/2006/200669165010.html"
    ImgHerf[    1] = "0/5dshow/archives/2006/200669165010.html"
    ImgHerf[    2] = "0/qiaomai/archives/2006/200673211517.html"
    ImgHerf[    3] = "0/qiaomai/archives/2006/200679131446.html"


    var step=0;
    function slideit(){
          var oImg = document.getElementById("javascript.img");
          if (document.all){oImg.filters.blendTrans.apply();}
      oImg.src    ="ImgSrc[step]";
      document.getElementById(    "javascript.a").href="ImgHerf[step]";
      oImg.title    =ImgAlt[step];
          if (document.all){oImg.filters.blendTrans.play();}
      step     = (step<(ImgSrc.length-1))?(step+1):0;
      (    new Image()).src = ImgSrc[step];//加载下一个图片
    }
    setInterval(    "slideit()",3000);
    //-->
    </script>
    </body>
    </html>
  • 相关阅读:
    STM32F107的DAC配置
    步进电机工作原理
    winform笔记本蓝牙与外部蓝牙设备通信
    C#里三种强制类型转换
    IE6/7BUG之OL有序列表没顺序
    IE6/7BUG之列表UL楼梯
    IE6/7BUG之A超链接无效
    IE6/7BUG之overflow:hidden无效
    linux shell 管道命令(pipe)使用及与shell重定向区别
    UGUI研究院之全面理解图集与使用
  • 原文地址：https://www.cnblogs.com/nasdaqhe/p/542017.html
Copyright © 2020-2023  润新知