<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Porduct.aspx.cs" Inherits="MuZu_MuZuUI_Product" %>
<asp:Content ID="Content3" ContentPlaceHolderID="BodyContent" Runat="Server">
<script language="javascript" type="text/javascript">
var all = 11;
var hand = null;
var size = null;
var moveflg = null;
function upclick() {
var ctl = document.getElementById("designers");
var nowtop = parseInt(ctl.style.marginTop);
if (nowtop == -all * 16 + 64) {
clearInterval(hand);
hand = null;
size = null;
moveflg = null;
return;
}
if (hand != null) {
return;
}
size = nowtop - 16;
moveflg = "up";
hand=setInterval(moveDiv, 10);
}
function moveDiv() {
var ctl = document.getElementById("designers");
var nowtop = 0;
if (moveflg == "up") {
nowtop = parseInt(ctl.style.marginTop);
nowtop--;
if (nowtop == size) {
clearInterval(hand);
hand = null;
size = null;
moveflg = null;
}
ctl.style.marginTop = nowtop + "px";
return;
}
nowtop = parseInt(ctl.style.marginTop);
nowtop++;
if (nowtop == size) {
clearInterval(hand);
hand = null;
size = null;
moveflg = null;
}
ctl.style.marginTop = nowtop + "px";
return;
}
function downclick() {
var ctl = document.getElementById("designers");
var nowtop = parseInt(ctl.style.marginTop);
if (nowtop == 0) {
clearInterval(hand);
hand = null;
size = null;
moveflg = null;
return;
}
if (hand != null) {
return;
}
size = nowtop + 16;
moveflg = "do";
hand = setInterval(moveDiv, 10);
}
</script>
<div id="bodyAll" style="left:0px;width:1134px;padding:0;margin:0 auto">
<div id="top" style="width:100%; height:23px;padding:0;margin:0 auto;background-image:url('../../Img/MST00.png');">
<div id="topButton" style="text-align:left;width:100%; height:23px;float:left;">
<div id="topButton1" style="width:100px; height:23px;float:left;margin-left:470px;">
<img src="../../Img/MBQ002.png" width="100px;" height="23px;" alt="" />
</div>
<div id="topButton2" style="width:100px; height:23px;float:left;">
<img src="../../Img/MBQ002.png" width="100px;" height="23px;" alt="" />
</div>
<div id="topButton3" style="width:100px; height:23px;float:left;">
<img src="../../Img/MBQ003.png" width="100px;" height="23px;" alt="" />
</div>
<div id="empty" style="width:194px; height:23px;float:left;">
</div>
<div id="topLineRight" style="border-Right-style:dashed;border-Right-width:thin;border-Right-color:Gray;border-Left-style:dashed;border-Left-width:thin;border-Left-color:Gray;width:28px; height:23px;float:left;">
</div>
</div>
<div id="topLine" style="width:8px; height:23px;float:left;margin-left:-1004px;">
<img src="../../Img/MXX02topLine.png" width="8px;" height="23px;" alt="" />
</div>
</div>
<div id="middleTop" style="border-bottom-style:dashed;border-bottom-width:thin;border-bottom-color:Gray;text-align:center;width:100%;margin:0 auto;height:105px;">
<div id="middleTopCenter" style="width:100%;float:left;">
<div id="middleTopCenterData" style="text-align:left;border-right-style:dashed;border-right-width:thin;border-right-color:Gray;margin: 0 140px;height:105px;">
<div id="manSelectButton" style="float:left;width:68px;height:23px;margin-top:75px;">
<asp:ImageButton runat="server" ID="menSelect" ImageUrl="~/Img/MBQmen.png"
Width="68" Height="23" οnclick="menSelect_Click" />
</div>
<div id="womanSelectButton" style="float:left;width:68px;height:23px;margin-top:75px; margin-left:2px;">
<asp:ImageButton runat="server" ID="womenSelect" ImageUrl="~/Img/MBQwomen.png"
Width="68" Height="23" οnclick="womenSelect_Click" />
<asp:HiddenField runat="server" ID="sexData" />
</div>
<div id="pageLink" style="float:left;height:23px;margin-top:80px;margin-left:50px;">
[第1页/共50页] [首页][上一页][下一页] 1 2 3 4 5 [尾页]
</div>
<div style="border-Left-style:dashed;border-Left-width:thin;border-Left-color:Gray;width:28px; height:105px;float:right;">
</div>
</div>
</div>
<div id="middleTopLeft" style="text-align:right;float:left;width:130px;height:105px;margin-left:-100%;">
<div id="middleTopLink" style="margin-top:80px;">
<a href="" style=""><span>销售信息</span></a>
</div>
</div>
<div id="middleTopRight" style="text-align:left;float:left;width:130px;height:105px;margin-left:-130px;">
<div id="middleTopLink2" style="margin-top:80px;">
即时连接
</div>
</div>
<div id="middleTopLine" style="width:8px; height:105px;float:left;margin-left:-1004px;">
<img src="../../Img/MXX02middleTopLine.png" width="8px;" height="105px;" alt="" />
</div>
</div>
<div id="middleMain" style="border-bottom-style:dashed;border-bottom-width:thin;border-bottom-color:Gray;text-align:center;width:100%;margin:0 auto;height:950px;">
<div id="middleMainCenter" style="width:100%;float:left;">
<div id="middleMainCenterData" style="border-right-style:dashed;border-right-width:thin;border-right-color:Gray;margin: 0 140px;height:950px;">
<div id="products" style="width:659px; float:left; height: 799px;">
<%
for (int i = 0; i <= 9; i++)
{
%>
<div style="float:left;width:160px;margin:0 auto;height:320px;">
<div style="width:133px;height:230px;">
<img src="../../Img/MTP001.png" width="133px;" height="230px;" alt="" />
</div>
<div style="float:left;width:160px;">
<div style="float:left;width:160px; height:55px;">
<img src="../../Img/MXX03.png" width="156px;" height="55px;" alt="" />
</div>
<div style="float:left; margin-top:-50px; height:50px; width:160px;">
<div style="float:left;width:10px;">
<div style="margin-top:2px;">
<img src="../../Img/MBQnew_2.png" width="10px;" height="10px;" alt="" />
</div>
<div style="margin-top:2px;">
<img src="../../Img/MBQyushou_2.png" width="10px;" height="10px;" alt="" />
</div>
<div style="margin-top:2px;">
<img src="../../Img/MBQzaiban_2.png" width="10px;" height="10px;" alt="" />
</div>
<div style="margin-top:2px;">
<img src="../../Img/MBQshouwan_2.png" width="10px;" height="10px;" alt="" />
</div>
</div>
<div style="float:left;width:150px;">
<div style=" height:15px;">sadfsadf
</div>
<div style=" height:15px;">sadfsadf
</div>
<div style=" height:15px;">sadfsadf
</div>
<div style=" height:15px;">sadfsadf
</div>
</div>
</div>
</div>
</div>
<%} %>
</div>
<div style="float:right;width:187px;">
<div style="float:right;width:187px;">
<div id="color" style="width:187px;height:87px;">
<div style="float:left;">
<img src="../../Img/MSKsecai.png" width="187px;" height="87px;" alt="" />
</div>
<div id="colorSelect" style="float:left;margin-left:5px;margin-top:-75px;">
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="blackColor" ImageUrl="~/Img/MYShei_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="allColor" ImageUrl="~/Img/MYSall_2.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="whiteColor" ImageUrl="~/Img/MYSbai_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="deepGreenColor" ImageUrl="~/Img/MYSslv_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="grayColor" ImageUrl="~/Img/MYShui_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="greenColor" ImageUrl="~/Img/MYSlv_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="yellowColor" ImageUrl="~/Img/MYShuang_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="deepBlueColor" ImageUrl="~/Img/MYSslan_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="orangeColor" ImageUrl="~/Img/MYScheng_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="blueColor" ImageUrl="~/Img/MYSlan_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="redColor" ImageUrl="~/Img/MYShong_1.png" Width="74" Height="10" />
</div>
<div style="width:74px;height:10px;float:left;">
<asp:ImageButton runat="server" ID="purpleColor" ImageUrl="~/Img/MYSzi_1.png" Width="74" Height="10" />
</div>
</div>
<asp:HiddenField runat="server" ID="colorFlag" />
</div>
<div id="designer" style="width:187px;height:87px;margin-top:15px;">
<div style="float:left;">
<img src="../../Img/MSKsheji.png" width="187px;" height="87px;" alt="" />
</div>
<div style="float:left;margin-left:80px;margin-top:-85px;" οnclick="downclick()">
<img src="../../Img/MJT00.png" width="10px;" height="6px;" alt="" />
</div>
<div style="float:left; overflow:hidden; width:150px; height:64px; padding:0; margin-left:5px;margin-top:-75px;">
<div id="designers" style="margin-top:0px;">
<table style="border-width:0px;">
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small; width:140px; text-align:left;">0</td></tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small; white-space:nowrap; overflow:hidden;text-align:left; background-image:url('../../Img/MST02.png');">hdddddddddddddddddddddddddddddddddddd得分是撒飞洒的方式大幅dd</td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;text-align:left;">2 </td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;text-align:left;">3 </td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;text-align:left;">4 </td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;">5 </td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;">6 </td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;">7 </td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;">8 </td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;">9 </td> </tr>
<tr style="border-width:0px;"><td style="border:0px;font-size:x-small;">10 </td> </tr>
</table>
</div>
</div>
<div style="float:left;margin-left:80px;margin-top:-10px;" οnclick="upclick()">
<img src="../../Img/MJT01.png" width="10px;" height="6px;" alt="" />
</div>
</div>
<div id="newSell" style="width:187px;height:202px;margin-top:15px;">
<div style="float:left;">
<img src="../../Img/MSKtejia.png" width="187px;" height="202px;" alt="" />
</div>
<div style="float:left;margin-left:1px;margin-top:-201px;">
<img src="../../Img/MTPtejia.png" width="160px;" height="199px;" alt="" />
</div>
<div style="float:left;margin-left:10px;margin-top:-50px;">
<img src="../../Img/ANgoumai.png" width="71px;" height="17px;" alt="" />
</div>
</div>
<div id="hotSell" style="width:187px;height:214px;margin-top:15px;">
<div style="float:left;">
<img src="../../Img/MSKremai.png" width="187px;" height="214px;" alt="" />
</div>
<div id="hot1">
<div style="float:left;margin-left:10px;margin-top:-180px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-180px;">sadfsdafsdaf<br/>sadfsadf
</div>
</div>
<div id="hot2">
<div style="float:left;margin-left:10px;margin-top:-145px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-145px;">sadfsdafasdf
</div>
</div>
<div id="hot3">
<div style="float:left;margin-left:10px;margin-top:-110px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-110px;">sdafsadf
</div>
</div>
<div id="hot4">
<div style="float:left;margin-left:10px;margin-top:-70px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-70px;">sdfsadfsadf
</div>
</div>
<div id="hot5">
<div style="float:left;margin-left:10px;margin-top:-35px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-35px;">sadfsadfsdaf
</div>
</div>
</div>
<div id="favor" style="width:187px;height:213px;margin-top:15px;">
<div style="float:left;">
<img src="../../Img/MSKzuiai.png" width="187px;" height="213px;" alt="" />
</div>
<div id="favor1">
<div style="float:left;margin-left:10px;margin-top:-180px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-180px;">sadfsdafsdaf<br/>sadfsadf
</div>
</div>
<div id="favor2">
<div style="float:left;margin-left:10px;margin-top:-145px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-145px;">sadfsdafasdf
</div>
</div>
<div id="favor3">
<div style="float:left;margin-left:10px;margin-top:-110px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-110px;">sdafsadf
</div>
</div>
<div id="favor4">
<div style="float:left;margin-left:10px;margin-top:-70px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-70px;">sdfsadfsadf
</div>
</div>
<div id="favor5">
<div style="float:left;margin-left:10px;margin-top:-35px;">
<img src="../../Img/TP01.png" width="24px;" height="24px;" alt="" />
</div>
<div style="float:left;margin-left:40px;margin-top:-35px;">sadfsadfsdaf
</div>
</div>
</div>
</div>
<div style="border-left: thin dashed Gray; float:right; width:28px; margin-top:-860px; height:950px;"></div>
</div>
</div>
</div>
<div id="middleMainLeft" style="float:left;width:130px;height:950px;margin-left:-100%">
</div>
<div id="middleMainRight" style="float:left;width:130px;height:950px;margin-left:-130px;">
</div>
<div id="middleMainLine" style="width:8px; height:950px;float:left;margin-left:-1004px;">
<img src="../../Img/MXX02middleMainLine.png" width="8px;" height="950px;" alt="" />
</div>
<div id="middleMainImgNew" style="width:66px; height:45px;float:left;margin-left:-1060px;">
<asp:ImageButton runat="server" ID="newProduct" ImageUrl="~/Img/MBQnew_1.png" Width="66" Height="45" />
</div>
<div id="middleMainImgSell" style="width:68px; height:40px;float:left;margin-top:38px; margin-left:-1062px;">
<asp:ImageButton runat="server" ID="beginSell" ImageUrl="~/Img/MBQyushou_1.png" Width="68" Height="40" />
</div>
<div id="middleMainImgEmpty" style="width:64px; height:48px;float:left;margin-top:68px; margin-left:-1058px;">
<asp:ImageButton runat="server" ID="finishSell" ImageUrl="~/Img/MBQshouwan_1.png" Width="64" Height="48" />
</div>
<div id="middleMainImgAgain" style="width:69px; height:34px;float:left;margin-top:108px; margin-left:-1063px;">
<asp:ImageButton runat="server" ID="againSell" ImageUrl="~/Img/MBQzaiban_1.png" Width="69" Height="34" />
</div>
<asp:HiddenField runat="server" ID="sellState" />
</div>
<div id="middleButtom" style="text-align:center;width:100%;margin:0 auto;height:30px;">
<div id="middleButtomCenter" style="width:100%;float:left;">
<div id="middleButtomCenterData" style="border-right-style:dashed;border-right-width:thin;border-right-color:Gray;margin: 0 140px;height:30px;">
<div style="border-Left-style:dashed;border-Left-width:thin;border-Left-color:Gray;width:28px; height:30px;float:right;"></div>
</div>
</div>
<div id="middleButtomLeft" style="float:left;width:130px;height:30px;margin-left:-100%">
</div>
<div id="middleButtomRight" style="float:left;width:130px;height:30px;margin-left:-130px;">
</div>
<div id="middleButtomLine" style="width:8px; height:30px;float:left;margin-left:-1004px;">
<img src="../../Img/MXX02middleButtomLine.png" width="8px;" height="30px;" alt="" />
</div>
</div>
</div>
</asp:Content>
<style type="text/css">
i.corner{display: block;}
i.corner i{height:1px; display:block; font-size:1px; overflow:hidden; background-color:#FFFFFF;}
i.corner i.l1{margin: 0 5px;border-top:1px solid red;border-left:1px solid red;border-right:1px solid red}
i.corner i.l2{margin: 0 3px;border-left:1px solid red;border-right:1px solid red}
i.corner i.l3{margin: 0 2px;border-left:1px solid red;border-right:1px solid red}
i.corner i.l4{margin: 0 1px;height: 2px;border-left:1px solid red;border-right:1px solid red}
i.corner i.l5{margin: 0 5px;border-bottom:1px solid red;border-left:1px solid red;border-right:1px solid red}
.panel{width: 300px;}
.body{background-color: white; padding: 0 8px;border-left:1px solid red;border-right:1px solid red}
.other .body{background-color: yellow;}
.other i.corner i{background-color: yellow;}
</style>
</head>
<body style="margin:0px;padding:0px;background-color: green">
<div class="panel">
<i class="corner"><i class="l1"></i><i class="l2"></i><i class="l3"></i><i class="l4"></i></i>
<div class="body" style="height:100px">content</div>
<i class="corner"><i class="l4"></i><i class="l3"></i><i class="l2"></i><i class="l5"></i></i>
</div>
<br />
<div class="other">
<div class="panel">
<i class="corner"><i class="l1"></i><i class="l2"></i><i class="l3"></i><i class="l4"></i></i>
<div class="body" style="height:120px"><img src=""></div>
<i class="corner"><i class="l4"></i><i class="l3"></i><i class="l2"></i><i class="l5"></i></i>
</div>
</div>