posts - 431,  comments - 344,  trackbacks - 0

<STYLE type="text/css">
      #imgTitle
      {
       FILTER: ALPHA(opacity=70); LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TEXT-ALIGN: left
      }

      


      #imgTitle_up
      {
       LEFT: 0px; HEIGHT: 1px; TEXT-ALIGN: left
      }
      #imgTitle_down
      {
       LEFT: 0px; TEXT-ALIGN: right
      }

         
       

        
      .imgClass
      {
       BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 0px solid
      }
      #txtFrom
      {
       VERTICAL-ALIGN: middle; TEXT-ALIGN: center
      }
      .button
      {
       PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #7b7b63; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 9px sans-serif; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px; TEXT-DECORATION: none;width:20;
      }
      A.button
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:link
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:visited
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:hover
      {
       BACKGROUND: #fff; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
      }
      .buttonDiv
      {
       BACKGROUND: #000000; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 21px; HEIGHT: 1px; TEXT-ALIGN: center
      }
      .trans
      {
       FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); WIDTH: 90px; BACKGROUND-COLOR: #000
      }
      </STYLE>
<SCRIPT language="javascript" type="text/javascript">
     var imgWidth=199;              //图片宽
     var imgHeight=180;             //图片高
     var textFromHeight=0;         //焦点字框高度 (单位为px)
     var textStyle="f12";           //焦点字class style (不是连接class)
     var textLinkStyle="p1"; //焦点字连接class style
     var buttonLineOn="#f60";           //button下划线on的颜色
     var buttonLineOff="#000";          //button下划线off的颜色
     var TimeOut=5000;              //每张图切换时间 (单位毫秒);
     var imgUrl=new Array();
     var imgLink=new Array();
     var imgtext=new Array();
     var imgAlt=new Array();

     var adNum=0;
     //焦点字框高度样式表 开始
     document.write('<style type="text/css">');
     document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
     document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
     document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+18)+'px;height:18px}');

     document.write('</style>');
     document.write('<div id="focuseFrom">');//sx1123
     //焦点字框高度样式表 结束
     <%
      //图片新闻
      nmm_al = nmm_scIndex.getPicNews(430,5);
      if(nmm_al!=null&&!nmm_al.isEmpty())
      {
        for(int i=0;i < nmm_al.size();i++)
         {
        Element e = (Element)nmm_al.get(i);

        String picUrl = (e.getLink().equals("")?"/nry.jsp?ID=" + e.getID():e.getLink());
        out.print("imgUrl["+(i+1)+"]='/Upload/"+e.getElse()+"';");
        out.print("imgtext["+(i+1)+"]='<center><a href=\""+ picUrl+"\" TARGET=\"_blank\" class=\"p1\" title="+ e.getTitle() +">"+nmm_scIndex.getSubString(e.getTitle(),30)+"</a></center>';");
        out.print("imgLink["+(i+1)+"]='"+picUrl+"';");
        out.print("imgAlt["+(i+1)+"]='"+e.getTitle()+"';");
       }
      }

      %>

     function changeimg(n)
     {
      adNum=n;
      window.clearInterval(theTimer);
      adNum=adNum-1;
      nextAd();
     }
     function goUrl(){
     window.open(imgLink[adNum],'_blank');
     }
     //NetScape开始
     if (navigator.appName == "Netscape")
     {
     document.write('<style type="text/css">');
     document.write('.buttonDiv{height:4px;width:21px;}');
     document.write('</style>');
     function nextAd(){
      if(adNum<(imgUrl.length-1))adNum++;
      else adNum=1;
      theTimer=setTimeout("nextAd()", TimeOut);
      document.images.imgInit.src=imgUrl[adNum];
      document.images.imgInit.alt=imgAlt[adNum]; 
      document.getElementById('focustext').innerHTML=imgtext[adNum];
      document.getElementById('imgLink').href=imgLink[adNum];
      document.getElementById("imgtext").innerHTML=imgtext[adNum];//////////////////

     }
      document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src="'+imgUrl[1]+'" name="imgInit" width='+imgWidth+' height='+imgHeight+' border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext" class="'+textStyle+'">'+imgtext[1]+'</span></div>')//sx1123
      document.write('<div id="imgTitle">');
      document.write('<div id="imgTitle_down">');
     //数字按钮代码开始
     for(var i=1;i<imgUrl.length;i++){document.write('<a href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');}
     //数字按钮代码结束
      document.write('</div>');
      document.write('</div>');
      document.write('</div>');
      nextAd();
     }
     //NetScape结束
     //IE开始
     else
     {
     var count=0;
     for (i=1;i<imgUrl.length;i++) {
      if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
       count++;
      } else {
       break;
      }
     }
     function playTran(){
      if (document.all)
          imgInit.filters.revealTrans.play(); 
         //imgInit.filters.revealTrans.Transition=23;
         //imgInit.filters.revealTrans.apply();
 
     }
     var key=0;
     function nextAd(){
      if(adNum<count)adNum++ ;
      else adNum=1;
      
      if( key==0 ){
       key=1;
      } else if (document.all){
       imgInit.filters.revealTrans.Transition=23;
       imgInit.filters.revealTrans.apply();
            playTran();
      }
      document.images.imgInit.src=imgUrl[adNum];
      document.images.imgInit.alt=imgAlt[adNum]; 
      document.getElementById('link'+adNum).style.background=buttonLineOn;
      for (var i=1;i<=count;i++)
      {
         if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
      } 
      focustext.innerHTML=imgtext[adNum];
      theTimer=setTimeout("nextAd()", TimeOut);
      document.getElementById("imgtext").innerHTML=imgtext[adNum];//////////////////
     }
     document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=5);" src="javascript:nextAd()" width='+imgWidth+' height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a>');
     document.write('<div id="txtFrom"><span id="focustext" class="'+textStyle+'"></span></div>');
     document.write('<div id="imgTitle">');
     document.write(' <div id="imgTitle_down"> <a class="trans"></a>');
     //数字按钮代码开始
     for(var i=1;i<imgUrl.length;i++)
      {
      document.write('<a id="link'+i+'"  href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'" onFocus="this.blur()">'+i+'</a>');
                       
      }
     //数字按钮代码结束
 
     document.write('</div>');
    
     document.write('</div>');

     
     document.write('</div><table><tr><td height=6></td></tr></table>');
     document.write("<div id='imgtext'></div>");//////////////////
     
     }
     //IE结束
     </SCRIPT>

posted on 2006-11-14 08:26 周锐 阅读(238) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。


网站导航: