zoukankan      html  css  js  c++  java
  • 超酷的 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>
  • 相关阅读:
    ElasticSearch 基础<转载>
    计算文本相似度方法总结(一)
    Java入门1---关键字、标识符、变量、运算符、流程控制、数组
    IntelliJ IDEA安装
    java代码转python代码
    python2和python3切换
    在markdown中插入github仓库中的图片
    MySQL:管理MySQL、事务(三)
    MySQL:查询、修改(二)
    MySQL:主键、外键、索引(一)
  • 原文地址:https://www.cnblogs.com/chengulv/p/354938.html
Copyright © 2011-2022 走看看