本帖最后由 ChinaCompass 于 2011-06-28 12:58:00 编辑

解决方案 »

  1.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="JStesyt.aspx.cs" Inherits="JStesyt" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>测试</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
    <style>
       
    #index_yp { width:400px; height:400px ; float:left }
    .index_yp_card { width:235px ; height:37px ; float:left }
    .yp_card_0, .yp_card_2, .yp_card_4 { width:55px ; height:37px ; float:left ; background-image:url(index_yp_card.png) ; text-align:center ; color:#003366 ; font-weight:bold ; line-height:32px ;cursor:pointer}
    .yp_card_1, .yp_card_3, .yp_card_5, .yp_card_6 { width:45px ; height:37px ; float:left ; background-image:url(index_yp_card.png) ; text-align:center ; color:#333333 ;  line-height:32px ;cursor:pointer}
    .yp_card_0 { background-position:0px 0px }
    .yp_card_1 { background-position:-55px 0px }
    .yp_card_2 { background-position:-100px 0px }
    .yp_card_3 { background-position:-155px 0px }
    .yp_card_4 { background-position:-200px 0px }
    .yp_card_5 { background-position:-255px 0px }
    .yp_card_6 { background-position:-300px 0px }
    .index_yp_main { width:400px ; height:400px ; float:left ; border:1px solid #71B3C6 ; border-top:0px!important ; padding:0px 9px 0px 9px }
    .yp_main_content { width:201px ; height:33px ; float:left ; border:1px solid #BCDCE4 ; background-color:#F1F8FA ; margin-bottom:7px ; padding:3px 6px 3px 6px ;overflow:hidden }
    .yp_main_content dt { width:201px;height:13px;float:left;font-weight:normal;margin:0px;font-size:12px;padding-top:2px}
    .yp_main_content dd { width:201px;line-height:13px;float:left;font-weight:normal;margin:0px;font-size:12px;padding-top:3px;text-align:right}
    .yp_main_content img { padding:0px 0px 2px 3px}
    .yp_main_list { width:215px ; float:left }
    #index_m2_ad { width:690px ; height:100px ; padding:5px 0px 0px 5px ; float:left }
    </style>
        <script src="swfobject.js" type="text/javascript"></script>
            <script type="text/javascript">
           
              swfobject.embedSWF("open-flash-chart.swf","current", "500", "400",
              "9.0.0", "expressInstall.swf",
              { "data-file": "datafile/Tooltip.aspx" }
              );
              swfobject.embedSWF("open-flash-chart.swf", "pressure", "500", "400",
              "9.0.0", "expressInstall.swf",
              { "data-file": "datafile/pie.aspx" }
              );
              swfobject.embedSWF("open-flash-chart.swf", "rate", "500", "400",
              "9.0.0", "expressInstall.swf",
              { "data-file": "datafile/Line.aspx" }
              );
            </script>
    </head>
    <body>
    <div id="index_yp">
      <!--yp1 start-->
        <div id="yp_card1" style="display:block">    
          <div class="index_yp_card">
            <div onmouseover="changeMc(1,1)" class="yp_card_0">电流</div>
            <div onmouseover="changeMc(1,2)"  class="yp_card_3">电压</div>
            <div onmouseover="changeMc(1,3)"  class="yp_card_3">频率</div>
          </div>
          <div onmouseover="changeMc(1,1)"  class="index_yp_main" id="current">电流测试</div>
        </div>
      <!--end-->
      <!--yp2 start-->
        <div id="yp_card2" style="display:none">    
          <div class="index_yp_card">
            <div onmouseover="changeMc(2,1)"  class="yp_card_1">电流</div>
            <div onmouseover="changeMc(2,2)"  class="yp_card_2" >电压</div>
            <div onmouseover="changeMc(2,3)"  class="yp_card_3">频率</div>
        
          </div>
          <div onmouseover="changeMc(2,2)"  class="index_yp_main" id="pressure">电压测试</div>
        </div>
      <!--end-->
      <!--yp3 start-->
        <div id="yp_card3" style="display:none">    
          <div class="index_yp_card">
            <div onmouseover="changeMc(3,1)"  class="yp_card_1">电流</div>
            <div onmouseover="changeMc(3,2)" class="yp_card_6">电压</div>
            <div onmouseover="changeMc(3,3)"  class="yp_card_2">频率</div>
          </div>
          <div onmouseover="changeMc(3,3)" class="index_yp_main" id="rate">频率测试</div>
        </div>
      <!--end-->
      
    </div>
    <script language="javascript" type="text/javascript">
    <!--
        var s = 3;
        var t = 2000; //循环周期(1秒)
        var timer;
        function changeMc(x, y) {
            // x是当前显示的层 y是即将显示的层
            //clearTimeout(timer);
            if (x != y) {
                document.getElementById('yp_card' + x).style.display = "none";
                document.getElementById('yp_card' + y).style.display = "block";
                s = y
            }
        }
      /////////////////////////////////////////////////////////////////
        //暂时放弃使用
    //    function hi() {
    //        timer = setTimeout("sh()", t)
    //    }
    //    //暂时放弃使用
    //    function sh() {
    //        s = (s >= 3) ? 1 : s + 1
    //        for (var i = 1; i <= 3; i++) {
    //            document.getElementById("yp_card" + i).style.display = "none";
    //        }
    //        document.getElementById("yp_card" + s).style.display = "block"
    //        //timer = setTimeout("sh()", t)
    //    }
        //sh()
        //////////////////////////////////////////////////////////////////////
     -->
    </script>
    <br/><br/>
    <div align="center">
    <br/><br/></div>
    </body>
    </html>
    -------------------------------------------------------------------------------
    测试通过