лЧЧĲ裺

һCSSʽ壺
̨δ򿪡ϵͳá->վ޸վµCSSʽ壺
/* ͼĵҳЧ */
.clsImg{filter: revealTrans(transition=4,duration=2); width: 750px; position: absolute; margin-top:-62px;}
.clsImgList{width:750px;}
filter: revealTrans(transition=4,duration=2)лЧݣtransitionʾûתʹõķʽdurationʾûתõʱ䡣position: absolute;ʾĵϳmargin-top:-62pxʾ-62pxԶλݡ
޸ģ壺
δ򿪡ϵͳá->վͨģҳ޸վҳģ壬ݣ
1<body>Ӷ塰onload="playPage()"磺<body onload="playPage()" leftmargin=0 topmargin=0  onmousemove='HideMenu()'>
2ҪʾлЧĵط´룺
<div id='page1' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: visible' class='clsImg' >
<div class='clsImgList'>лһ</div>
</div>
<div id='page2' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: hidden' class='clsImg'>
<div class='clsImgList'>лݶ</div>
</div>      
<script language="javascript">
<!--
        var tmpDiv1 = document.getElementById("page1");
        var tmpDiv2 = document.getElementById("page2");

        var bFlag = true;
        var bShowDiv = true;
        
        function playPage()
        {
                if(bFlag)
                {
                        if(bShowDiv)
                        {
                                nextPage(tmpDiv1, true);
                                nextPage(tmpDiv2, false);
                        }
                        else
                        {
                                nextPage(tmpDiv1, false);
                                nextPage(tmpDiv2, true);
                        }
                        setTimeout('playPage()',5000);
                }
                else
                {
                        setTimeout('playPage()',1000);
                }
                bShowDiv = !bShowDiv;
                return;
        }
        function setbFlag(b)
        {
                bFlag = b;
                return;
        }
        function nextPage(whichDiv, bShowDiv){
                if(whichDiv != null)
                {
                        //whichDiv.filters.revealTrans.Transition=Math.floor(Math.random()*23);
                        whichDiv.filters.revealTrans.apply();
                         if(bShowDiv)
                         {
                                 whichDiv.style.visibility = 'hidden';
                         }
                         else
                         {
                                 whichDiv.style.visibility = 'visible';
                         }
                        whichDiv.filters.revealTrans.play()
                }
                return;
        }
//-->
</script>


1ʾͼƬݵлЧ
<div id='page1' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: visible' class='clsImg' >
<div class='clsImgList'><!--{$GetPicArticle(1,5|6,false,0,5,false,false,0,1,1,130,90,20,0,false,6)}--></div>
</div>
<div id='page2' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: hidden' class='clsImg'>
<div class='clsImgList'><!--{$GetPicArticle(1,7|8,false,0,5,false,false,0,1,1,130,90,20,0,false,6)}--></div>
</div>   
2ʾбݵлЧ
<div class='clsImgList'>
<div align="center" style=" background:#FF0000; color:#FFFFFF;">ƽ</div>
<!--{$GetArticleList(1,5,true,0,0,18,false,false,"",0,3,2,26,0,false,1,false,false,3,false,false,false,true,true,false,0,3,True,bbb,False)}--></div>
</div>
<div id='page2' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: hidden' class='clsImg'>
<div class='clsImgList'>
<div align="center" style=" background:#0000FF; color:#FFFFFF;"></div>
<!--{$GetArticleList(0,0,false,0,0,18,false,false,"",0,1,2,26,0,false,1,true,false,0,true,false,true,true,false,false,1,3,True,bbb,False)}-->
</div>
</div>  
޸ĵģ壬»漴ɿЧHTMLҳ档

ṩһʾбݵлЧ룺
  <table class=center_tdbgall cellSpacing=0 cellPadding=0 border=0>
    <tr>
      <td class=main_title_760i>
        <table style="WIDTH: 100%; HEIGHT: 19px" height=19 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <tr>
            <td width="24%"><A href="#" target=_blank><STRONG><FONT color=#ff6600>ͼƬ</FONT></STRONG></A></td>
            <td width="76%">
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td height="120" align=middle class=main_tdbg_760i>
<div id='page1' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: visible' class='clsImg' >
<div class='clsImgList'>
<div align="center" style=" background:#FF0000; color:#FFFFFF;">ƽ</div>
<!--{$GetArticleList(1,5,true,0,0,18,false,false,"",0,3,2,26,0,false,1,false,false,3,false,false,false,true,true,false,0,3,True,bbb,False)}--></div>
</div>
<div id='page2' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: hidden' class='clsImg'>
<div class='clsImgList'>
<div align="center" style=" background:#0000FF; color:#FFFFFF;"></div>
<!--{$GetArticleList(0,0,false,0,0,18,false,false,"",0,1,2,26,0,false,1,true,false,0,true,false,true,true,false,false,1,3,True,bbb,False)}-->
</div>
</div>      
<script language="javascript">
<!--
        var tmpDiv1 = document.getElementById("page1");
        var tmpDiv2 = document.getElementById("page2");

        var bFlag = true;
        var bShowDiv = true;
        
        function playPage()
        {
                if(bFlag)
                {
                        if(bShowDiv)
                        {
                                nextPage(tmpDiv1, true);
                                nextPage(tmpDiv2, false);
                        }
                        else
                        {
                                nextPage(tmpDiv1, false);
                                nextPage(tmpDiv2, true);
                        }
                        setTimeout('playPage()',5000);
                }
                else
                {
                        setTimeout('playPage()',1000);
                }
                bShowDiv = !bShowDiv;
                return;
        }
        function setbFlag(b)
        {
                bFlag = b;
                return;
        }
        function nextPage(whichDiv, bShowDiv){
                if(whichDiv != null)
                {
                        //whichDiv.filters.revealTrans.Transition=Math.floor(Math.random()*23);
                        whichDiv.filters.revealTrans.apply();
                         if(bShowDiv)
                         {
                                 whichDiv.style.visibility = 'hidden';
                         }
                         else
                         {
                                 whichDiv.style.visibility = 'visible';
                         }
                        whichDiv.filters.revealTrans.play()
                }
        return;
        }
//-->
       </script>
          </td>
    </tr>
    <tr>
      <td class=main_shadow></td>
    </tr>
  </table>
