﻿function show(o){
     var T=128
     var L=(document.documentElement.clientWidth-1000)/2;
     if (o>1){L=L+125}
     if (o>2){L=L+125}
     if (o>3){L=L+125}
     if (o>4){L=L+125}
     if (o>5){L=L+125}
     if (o>6){L=L+125}
     document.getElementById('meun'+o).style.cssText="Z-INDEX: 999; FILTER: Alpha(opacity=80); LEFT: "+L+"px; WIDTH: 338px;padding-left: 2px;padding-right: 2px;POSITION: absolute; TOP: "+T+"px; BACKGROUND-COLOR: #000000";
}
function hide(o){
     document.getElementById('meun'+o).style.cssText="DISPLAY: none";
}
function showB(o){
     var T=128
     var L=(document.documentElement.clientWidth-1000)/2;
     if (o>1){L=L+125}
     if (o>2){L=L+125}
     if (o>3){L=L+125}
     if (o>4){L=L+125}
     if (o>5){L=L+125}
     if (o>6){L=L+125}
     document.getElementById('meun'+o).style.cssText="Z-INDEX: 999; FILTER: Alpha(opacity=80); LEFT: "+L+"px; WIDTH: 168px;padding-left: 2px;padding-right: 2px;POSITION: absolute; TOP: "+T+"px; BACKGROUND-COLOR: #000000";
}

/*
<div align=center><img src="/images/arrow-up.gif" border=0 onmouseover="this.src='/images/arrow-up-over.gif';RollUP(0);" onmouseout="this.src='/images/arrow-up.gif';RollUPShop();"></div>
<div class="ProductroolXX">
<ul id=roolUL>
<li><img src="/images/1.gif" border=0 class="IMG1"  onclick="ImgMax('/images/1.gif')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/2.gif" border=0 class="IMG1"  onclick="ImgMax('/images/2.gif')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/paly1.jpg" border=0 class="IMG1"  onclick="ImgMax('/images/paly1.jpg')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/paly2.jpg" border=0 class="IMG1"  onclick="ImgMax('/images/paly2.jpg')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/paly3.jpg" border=0 class="IMG1"  onclick="ImgMax('/images/paly3.jpg')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/paly4.jpg" border=0 class="IMG1"  onclick="ImgMax('/images/paly4.jpg')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/paly5.jpg" border=0 class="IMG1"  onclick="ImgMax('/images/paly5.jpg')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/indexR1.gif" border=0 class="IMG1"  onclick="ImgMax('/images/indexR1.jpg')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/indexR2.gif" border=0 class="IMG1"  onclick="ImgMax('/images/indexR2.jpg')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
<li><img src="/images/indexR3.gif" border=0 class="IMG1"  onclick="ImgMax('/images/indexR3.jpg')" onmousemove="ImgMaxover(this)" onmouseout="ImgMaxout(this)"></li>
</ul>
</div>
<div style="DISPLAY: none"><input type=hidden name=roolNum value="10"></div>
<div align=center style="margin-top:10px;"><img src="/images/arrow-down.gif" border=0 onmouseover="this.src='/images/arrow-down-over.gif';RollUP(1);" onmouseout="this.src='/images/arrow-down.gif';RollUPShop();"></div>

*/
//滚动图片效果
var Rollheight;
var jsnum=0;
var timerID;
var updown=0;
function RollUP(o){
      updown=o
      Rollheight=document.all.roolNum.value*96;
      if (updown==0){jsnum=0;}else{jsnum=document.getElementById('roolUL').offsetTop+document.body.scrollTop}
      timerID=setInterval("Marquee1()",50);
     
}
function Marquee1(){
    if (updown==0){
        jsnum-=10
        document.getElementById('roolUL').style.cssText="margin-top:"+jsnum+"px"
        if ((Rollheight+jsnum)<96*4){ clearInterval(timerID);}
     }else{
        jsnum+=10
        if (jsnum>=0){ 
           document.getElementById('roolUL').style.cssText="margin-top:0px"
           clearInterval(timerID);
        }else{
        document.getElementById('roolUL').style.cssText="margin-top:"+jsnum+"px"
        }
     }
}
function RollUPShop(){
    clearInterval(timerID);
}
/*
在页面中放入
<div id=imgmaxshow style="DISPLAY: none"></div><div id=Imgbg style="DISPLAY: none"></div>
*/
/////点击图片背景黑透明,图片弹出动画效果
var timerImg;
var timerImgnum;
var ImgH,ImgW,ImgL,FILTER1;
function ImgMax(Url){
         var W=document.documentElement.clientWidth;
         var H=document.documentElement.clientHeight;
         document.getElementById("imgmaxshow").style.cssText="Z-INDEX: 1000; FILTER: Alpha(opacity=80); LEFT: 0px; WIDTH: "+W+"px;height:"+H+"px;POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #000000";
         ImgL=(document.documentElement.clientWidth-200)/2;
         document.getElementById("Imgbg").style.cssText="Z-INDEX: 1001;POSITION: absolute;LEFT: "+ImgL+"px;TOP: 50px;BACKGROUND-COLOR: #ffffff;width:200px;height:200px;margin-top:50px; padding:10px 10px 10px 10px;overflow:hidden;"
         document.getElementById('Imgbg').innerHTML=unescape("<div id=imgmaximg style='DISPLAY: none;'><p><img id=imgmaximg1 src='"+Url+"' border=0 width=700 height=400 style='FILTER: Alpha(opacity=10);'></p><p style='text-align:right;'><img src='/images/close.gif' border=0 onclick='imgmaxhide()'></p></div>")
         timerImgnum=0;
         ImgW=200
         ImgH=200;
         FILTER1=10;
         timerImg=setInterval("Imgmaxall()",50);
}
function imgmaxhide(){
         document.getElementById("imgmaxshow").style.cssText="DISPLAY: none"
         document.getElementById("Imgbg").style.cssText="DISPLAY: none"
}

function Imgmaxall(){
      timerImgnum+=1
      if (timerImgnum<=10){
            ImgH+=25;
            if (ImgH>427){ImgH=427}
            document.getElementById("Imgbg").style.cssText="Z-INDEX: 1001;FILTER:Alpha(opacity=100);POSITION: absolute;BACKGROUND-COLOR: #ffffff;LEFT: "+ImgL+"px;TOP: 30px;width:200px;height:"+ImgH+"px;margin-top:50px; padding:10px 10px 10px 10px;overflow:hidden";
      }else{
            if (timerImgnum<=25){
                  ImgW+=40;
                  if (ImgW>700){ImgW=700}
                  ImgL=(document.documentElement.clientWidth-ImgW)/2;
                  document.getElementById("Imgbg").style.cssText="Z-INDEX: 1001;FILTER:Alpha(opacity=100);POSITION: absolute;BACKGROUND-COLOR: #ffffff;LEFT: "+ImgL+"px;TOP: 30px;width:"+ImgW+"px;height:"+ImgH+"px;margin-top:50px; padding:10px 10px 10px 10px;overflow:hidden";
            }else{
                  if (timerImgnum<=26){
                        document.getElementById("imgmaximg").style.cssText="";
                  }else{
                          if (timerImgnum<=36){
                                  FILTER1+=10;if (FILTER1>=100){FILTER1=100}
                                  document.getElementById("imgmaximg1").style.cssText="FILTER: Alpha(opacity="+FILTER1+");";
                          }else{
                                 clearInterval(timerImg);
                          }
                  }
            }
      }
      
      
}

function ImgMaxover(o){
    o.style.cssText="FILTER:Alpha(opacity=100);";
}
function ImgMaxout(o){
    o.style.cssText="FILTER:Alpha(opacity=70);";
}



















