• 超酷的 javascript 图片转换 效果

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <!-- saved from url=(0022)http://cpu.zol.com.cn/ -->
    <HTML><HEAD><TITLE>图片转换</TITLE>
    </HEAD>
    <BODY>


                  <!-- 动态图开始 -->
                    <SCRIPT language=javascript type=text/javascript>
    <!--//
            var imgUrl=new Array();
                var imgLink=new Array();
                var imgTitle=new Array();
                var imgDigest=new Array();
                var adNum=0;imgUrl[1] ='http://img.zol.com.cn/article/4/559/lihsZHG3eV8Es.jpg';
    imgLink[1]='/26/266536.html';
    imgTitle[    1]='还不快行动？盒装奔腾4 506降价拍卖';

    imgUrl[    2] ='http://img.zol.com.cn/article/4/525/liYd33MzUGHJM.jpg';
    imgLink[2]='/26/265928.html';
    imgTitle[    2]='CPU价格骤降 双核心奔腾D引燃导火索';

    imgUrl[    3] ='http://img.zol.com.cn/article/4/425/liy4cyGtOdXxk.jpg';
    imgLink[3]='/26/264586.html';
    imgTitle[    3]='1GB海盗船配6600 五千元A64游戏方案';

    var imgPre=new Array();
                        var j=0;
                        for (i=1;i<=3;i++) {
                            if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
                            j    ++;
                        }     else {
                                break;
                        }
                    }
                        function playTran(){
                            if (document.all)
                            imgInit.filters.revealTrans.play();
                    }
                        var key=0;
                        function nextAd(){
                            if(adNum<j)adNum++ ;
                            else adNum=1;
                            if( key==0 ){
                            key    =1;
                        }     else if (document.all){
                            imgInit.filters.revealTrans.Transition    =Math.floor(Math.random()*23);
                            imgInit.filters.revealTrans.apply();
                                playTran();
                        }
                        document.images.imgInit.src    =imgUrl[adNum];
                        document.images.imgInit.alt    =imgTitle[adNum];
                        img_title.innerHTML    ='<a href='+imgLink[adNum]+' class=a_bei12 title='+imgTitle[adNum]+' >'+imgTitle[adNum]+'</a>';
                          theTimer    =setTimeout("nextAd()", 6000);
                    }
                        function goUrl(){
                        jumpUrl    =imgLink[adNum];
                        jumpTarget    ='_blank';
                            if (jumpUrl != ''){
                                if (jumpTarget != '')
                                window.open(jumpUrl,jumpTarget);
                                else
                                location.href    =jumpUrl;
                        }
                    }
    //-->
                        </SCRIPT>
    <!-- 动态图结束 --><SPAN 
                                style="CURSOR: hand" onclick=javascript:goUrl()><IMG 
                                class=img01 id=imgInit 
                                style="BORDER-LEFT-COLOR: black; FILTER: revealTrans(duration=1,transition=5); BORDER-BOTTOM-COLOR: black; COLOR: #000000; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black" 
                            height    =180 alt="" 
                            src    ="http://img.zol.com.cn/article/4/559/lihsZHG3eV8Es.jpg" 
                            width    =240 border=0 
                          name=imgInit></SPAN>
                      
                          <SPAN 
                          id=img_title></SPAN>
                    <SCRIPT language=javascript type=text/javascript>
            document.getElementById(    "imgInit").src="javascript:nextAd()";
            </SCRIPT>
    </body></HTML>
  • 相关阅读:
    面试问烂的 MySQL 四种隔离级别，看完吊打面试官！
    注解Annotation实现原理与自定义注解例子
    趣图：苦逼的后端工程师
    session深入探讨
    趣图：听说996工作可以获得巨大成长
    面试官：一个 TCP 连接可以发多少个 HTTP 请求？
    聊聊前后端分离接口规范
    趣图：什么？需求文档又改了
    ASP.NET页面中去除VIEWSTATE视
    C#
  • 原文地址：https://www.cnblogs.com/chengulv/p/354938.html
Copyright © 2020-2023  润新知