goodssortlist.ascx

jsp实现的网上购物系统

<%@ Control Language="c#" AutoEventWireup="false" Codebehind="GoodsSortList.ascx.cs" Inherits="JiSuShop.Web.Skin.GoodsSortList" %>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td><img src="Skin/Default/Images/Bule_43.gif"></td>
	</tr>
	<tr>
		<td class="C_Item_bg">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="C_Sort_Title">商品类别</td>
				</tr>
				<tr>
					<td>
						<asp:repeater EnableViewState="False" id="GoodsSortRepeater" Runat="server">
							<ItemTemplate>
								<table width="100%" border="0" cellpadding="0" cellspacing="0" class="ListItem">
									<tr>
										<td class="SortTitle"><a id="ClassName" runat="server" href="SortList.asp"></a></td>
									</tr>
									<tr>
										<td class="SortItem">
											<asp:Panel ID="ChildClass" Runat="server"></asp:Panel></td>
									</tr>
								</table>
							</ItemTemplate>
						</asp:repeater>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td><img src="Skin/Default/Images/Bule_58.gif"></td>
	</tr>
</table>
<div id="menu"></div>
<style> DIV { FONT-SIZE: 12px }
	LI { FONT-SIZE: 12px;}
	A { FONT-SIZE: 12px }
	.jsClassDiv { BACKGROUND-IMAGE: url(skin/default/Images/Menu_Left.gif); BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #fff ;filter: alpha(opacity=90);}
	.jsClassDiv UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
	.jsClassDiv UL LI { FLOAT: left; BACKGROUND-IMAGE: url(null); WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; line-HEIGHT: 15px; TEXT-ALIGN: right }
	.jsClassDiv UL LI A { BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 18px; BORDER-LEFT: #fff 1px solid; WIDTH: 100%; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none }
	.jsClassDiv UL LI.CurrentLi A { BORDER-RIGHT: #4984cf 1px solid; BORDER-TOP: #4984cf 1px solid; BACKGROUND: url(null) #efefef no-repeat right 50%; BORDER-LEFT: #4984cf 1px solid; COLOR: #616fed; BORDER-BOTTOM: #4984cf 1px solid }
	.jsClassDiv UL LI A:hover { BORDER-RIGHT: #4984cf 1px solid; BORDER-TOP: #4984cf 1px solid; BACKGROUND: url(null) #c8daf0 no-repeat right 50%; BORDER-LEFT: #4984cf 1px solid; COLOR: #0000ff; BORDER-BOTTOM: #4984cf 1px solid }
	.jsClassDiv UL LI.haveChild A { BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(skin/default/images/arrow.png); MARGIN-RIGHT: 3px; BACKGROUND-REPEAT: no-repeat }
	.jsClassDiv UL LI.haveChild A:hover { BACKGROUND: url(skin/default/images/arrow.png) #c8daf0 no-repeat right 50%; MARGIN-RIGHT: 3px }
	.jsClassDiv UL LI.CurrentLi A { BACKGROUND: url(skin/default/images/arrow.png) #fff no-repeat right 50% }
	.jsClassDiv UL LI.CurrentLiClass A { BORDER-RIGHT: #4984cf 1px solid; BORDER-TOP: #4984cf 1px solid; BORDER-LEFT: #4984cf 1px solid; BORDER-BOTTOM: #4984cf 1px solid; BACKGROUND-COLOR: #c8daf0 }
	.classAl { BACKGROUND-COLOR: #efefef }
	.classShow { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ccc 1px solid }
	.classShow TD { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 24px; PADDING-TOP: 0px }
	.classShow U { COLOR: #1562af }
	.classShow U.repeated { COLOR: red }
	A.clearClass:link { COLOR: #ff6600; TEXT-DECORATION: none }
	A.clearClass:visited { COLOR: #ff6600; TEXT-DECORATION: none }
	A.clearClass:hover { COLOR: #333 }
	.hisClassList A { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
	.reded U { COLOR: red }
	</style>