zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    浅谈Linux进程
    POJ 1426 Find The Multiple
    JS JavaScript闭包和作用域
    JS JavaScript深拷贝、浅拷贝
    JS JavaScript中的文档碎片 DocumentFragement JS性能优化
    前端DOM知识点
    JS JavaScript中的this
    JS JavaScript实现杨辉三角
    JS JavaScript事件循环机制
    ES6基本语法
  • 原文地址:https://www.cnblogs.com/nasdaqhe/p/542017.html
Copyright © 2011-2022 走看看