[local]1[/local]
首页整体构架,如图:
[local]2[/local]
首页代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Xsdemo.Template.SuYiUser.Default" %>
<%@ Register TagPrefix="uc1" TagName="Footer" Src="~/Template/SuYiUser/Controls/footer.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.">
<html xmlns="http://www." >
<head runat="server">
<title><%=new Xsdemo.General.Xmls().GetBasicSetNode("SiteTitle") %></title>
<meta http-equiv="x-ua-compatible" content="ie=emulateie7" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="<%=new Xsdemo.General.Xmls().GetBasicSetNode("SiteKeywords")%>" />
<meta name="description" content="<%=new Xsdemo.General.Xmls().GetBasicSetNode("SiteDescription") %>" />
<!–[if IE 6]>
<script src="Template/SuYiUser/common/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
<script src="Template/SuYiUser/common/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.header .fla01 ins,background');
</script>
<![endif]–>
<style type="text/css">
<!--
a:link {
color: #B4A880;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #B4A880;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<body class="i_bg">
<form id="form1" runat="server">
<div class="player"><embed src="Template/SuYiUser/swf/player.swf" width="100%" height="25" womde="transparent" quality="high"></embed></div>
<div class="header">
<div class="container hd_bg1">
<ul class="st">
<li>
<a href="" title="" >收藏本站</a></li>
<li>
<a href="" target="_blank">设为首页</a></li>
</ul>
<div class="clean">
</div>
<h1>
<a href="default.aspx" title="返回首页" ><ins class="none">速译相册</ins></a></h1>
<ul class="nav" id="ayunav">
<li>
<a href="about.aspx?Cid=1" target="_blank">
<div>
<strong><span>ABOUT</span>关于我们</strong><b><span>ABOUT</span>关于我们</b></div>
</a> </li>
<li>
<a href="http://shop36410331." target="_blank">
<div>
<strong><span>SHOPS</span>淘宝店铺</strong><b><span>SHOPS</span>淘宝店铺</b></div>
</a> </li>
<li>
<a href='products.aspx?Cid=2' target="_blank" >
<div>
<strong><span>PRODUCTS</span>商品展示</strong><b><span>PRODUCTS</span>商品展示</b></div>
</a> </li>
<li>
<a href='products.aspx?Cid=3' target="_blank" >
<div>
<strong><span>PFM cover</span>烤瓷封面</strong><b><span>PFM cover</span>烤瓷封面</b></div>
</a> </li>
<li>
<a href='article.aspx?Cid=4' target="_blank" >
<div>
<strong><span>KNOWLEDGE</span>摄影知识</strong><b><span>KNOWLEDGE</span>摄影知识</b></div>
</a> </li>
<li>
<a href='article.aspx?Cid=5' target="_blank" >
<div>
<strong><span>TUTORIAL</span>PS教程</strong><b><span>TUTORIAL</span>PS教程</b></div>
</a>
</li>
<li>
<a href="article.aspx?Cid=6" target="_blank" >
<div>
<strong><span>MATERIAL</span>PS素材</strong><b><span>MATERIAL</span>PS素材</b></div>
</a> </li>
<li>
<a href="about.aspx?Cid=7" target="_blank">
<div>
<strong><span>CONTACT</span>联系我们</strong><b><span>CONTACT</span>联系我们</b></div>
</a>
</li>
</ul>
<div class="clean"></div>
<div class="fla01">
<embed src="Template/SuYiUser/swf/gallery.swf" width="1000" height="342" quality="high" wmode="transparent"></embed>
<ins></ins> </div>
</div>
</div>
<!--header over-->
<div class="container">
<div class="i_p1">
<div class="ip1_lb">
<h2>
<ins class="none">新品上市</ins><a class="more" href="#"></a></h2>
<ul>
<asp:Repeater ID="rptPro" runat="server">
<ItemTemplate>
<li>
<a href="pshow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Eid=<%#Eval("ExampleID") %>">
<img src='<%#GetPic(Eval("SmallImg").ToString(),Eval("LargeImg").ToString()) %>' width="250" height="155" /><h3>【<%#Eval("Title") %>】</h3>
</a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
<div class="ip1_rb">
<h2>
<ul class="tabs">
</ul>
</h2>
<div class="scroll">
<div class="items">
<div>
<dl>
<asp:Repeater ID="rptHd" runat="server">
<ItemTemplate>
<dd>
<a href='ashow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Aid=<%#Eval("ArticleID") %>'>
<span class="left"><h3><b><%#Eval("ArticleID")%></b>1</h3><h4>ACTIVITY</h4></span>
<span class="right"><p><%#Eval("title") %></p><span><%#Eval("Published")%></span></span>
</a>
</dd>
</ItemTemplate>
</asp:Repeater>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="i_p2">
<h2>
</h2>
<%--<ul>
</ul>--%>
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
width: 940px;
margin:0 0 0 35px
}
#demo img {
border: 3px solid #AFAFAF;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
height:250px;
}
#demo2 {
float: left;
}
#demo1 ul{
width:940px;
padding:0 0 0 0px;
}
#demo1 ul li{ float:left; padding-right:6px; text-align:center;}
#demo1 ul li a{ width:210px; height:250px;}
#demo2 ul{
width:940px;
padding:0 0 0 0px;
}
#demo2 ul li{ float:left; padding-right:6px; text-align:center;}
#demo2 ul li a{ width:210px; height:250px;}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<ul>
<asp:Repeater ID="rptSY" runat="server">
<ItemTemplate>
<li>
<a href='pshow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Eid=<%#Eval("ExampleID") %>'>
<img src='<%#GetPic(Eval("SmallImg").ToString(),Eval("LargeImg").ToString()) %>' width="200" height="160" />
<p><b><%#Eval("title") %></b><span></span><ins></ins></p>
<h3></h3>
</a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
<div id="demo2"></div>
</div>
</div>
</div>
<script>
<!--
var speed = 10;
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
function Marquee() {
if (tab2.offsetWidth - tab.scrollLeft <= 0)
tab.scrollLeft -= tab1.offsetWidth
else {
tab.scrollLeft++;
}
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function() { clearInterval(MyMar) };
tab.onmouseout = function() { MyMar = setInterval(Marquee, speed) };
-->
</script>
<%--</div>--%>
<div class="i_p3">
<div class="left">
<h2>
<a class="more" href='#'></a>
</h2>
<div class="tpc">
<div class="l">
<asp:Repeater ID="rptPSS" runat="server">
<ItemTemplate>
<a href='ashow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Aid=<%#Eval("ArticleID") %>' target="_blank"><span class="red"><%#new Xsdemo.General.StringDeal().Substr(Eval("title").ToString(),30) %></span><span class="gray"><%#Eval("Published","{0:yyyy-MM-dd}")%></span></a>
</ItemTemplate>
</asp:Repeater>
</div>
<div class="clean">
</div>
</div>
</div>
<div class="right">
<h2>
<a class="more" href="" target="_blank"></a> </h2>
<dl><dt></dt></dl>
<asp:Repeater ID="rptPSJ" runat="server">
<ItemTemplate>
<dt style="padding:0 0 0 10px" title='<%#Eval("title") %>' ><a href='ashow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Aid=<%#Eval("ArticleID") %>' target="_blank"><span class="red"><%#new Xsdemo.General.StringDeal().Substr(Eval("title").ToString(),30) %></span><span class="gray"><%#Eval("Published","{0:yyyy-MM-dd}")%></span></a></dt>
</ItemTemplate>
</asp:Repeater>
<a class="gobbs" href="" target="_blank"></a> </div>
</div>
</div>
<uc1:Footer ID="footer" runat="server" />
</form>
</body>
</html>
<%@ Register TagPrefix="uc1" TagName="Footer" Src="~/Template/SuYiUser/Controls/footer.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.">
<html xmlns="http://www." >
<head runat="server">
<title><%=new Xsdemo.General.Xmls().GetBasicSetNode("SiteTitle") %></title>
<meta http-equiv="x-ua-compatible" content="ie=emulateie7" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="<%=new Xsdemo.General.Xmls().GetBasicSetNode("SiteKeywords")%>" />
<meta name="description" content="<%=new Xsdemo.General.Xmls().GetBasicSetNode("SiteDescription") %>" />
<!–[if IE 6]>
<script src="Template/SuYiUser/common/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
<script src="Template/SuYiUser/common/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.header .fla01 ins,background');
</script>
<![endif]–>
<style type="text/css">
<!--
a:link {
color: #B4A880;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #B4A880;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<body class="i_bg">
<form id="form1" runat="server">
<div class="player"><embed src="Template/SuYiUser/swf/player.swf" width="100%" height="25" womde="transparent" quality="high"></embed></div>
<div class="header">
<div class="container hd_bg1">
<ul class="st">
<li>
<a href="" title="" >收藏本站</a></li>
<li>
<a href="" target="_blank">设为首页</a></li>
</ul>
<div class="clean">
</div>
<h1>
<a href="default.aspx" title="返回首页" ><ins class="none">速译相册</ins></a></h1>
<ul class="nav" id="ayunav">
<li>
<a href="about.aspx?Cid=1" target="_blank">
<div>
<strong><span>ABOUT</span>关于我们</strong><b><span>ABOUT</span>关于我们</b></div>
</a> </li>
<li>
<a href="http://shop36410331." target="_blank">
<div>
<strong><span>SHOPS</span>淘宝店铺</strong><b><span>SHOPS</span>淘宝店铺</b></div>
</a> </li>
<li>
<a href='products.aspx?Cid=2' target="_blank" >
<div>
<strong><span>PRODUCTS</span>商品展示</strong><b><span>PRODUCTS</span>商品展示</b></div>
</a> </li>
<li>
<a href='products.aspx?Cid=3' target="_blank" >
<div>
<strong><span>PFM cover</span>烤瓷封面</strong><b><span>PFM cover</span>烤瓷封面</b></div>
</a> </li>
<li>
<a href='article.aspx?Cid=4' target="_blank" >
<div>
<strong><span>KNOWLEDGE</span>摄影知识</strong><b><span>KNOWLEDGE</span>摄影知识</b></div>
</a> </li>
<li>
<a href='article.aspx?Cid=5' target="_blank" >
<div>
<strong><span>TUTORIAL</span>PS教程</strong><b><span>TUTORIAL</span>PS教程</b></div>
</a>
</li>
<li>
<a href="article.aspx?Cid=6" target="_blank" >
<div>
<strong><span>MATERIAL</span>PS素材</strong><b><span>MATERIAL</span>PS素材</b></div>
</a> </li>
<li>
<a href="about.aspx?Cid=7" target="_blank">
<div>
<strong><span>CONTACT</span>联系我们</strong><b><span>CONTACT</span>联系我们</b></div>
</a>
</li>
</ul>
<div class="clean"></div>
<div class="fla01">
<embed src="Template/SuYiUser/swf/gallery.swf" width="1000" height="342" quality="high" wmode="transparent"></embed>
<ins></ins> </div>
</div>
</div>
<!--header over-->
<div class="container">
<div class="i_p1">
<div class="ip1_lb">
<h2>
<ins class="none">新品上市</ins><a class="more" href="#"></a></h2>
<ul>
<asp:Repeater ID="rptPro" runat="server">
<ItemTemplate>
<li>
<a href="pshow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Eid=<%#Eval("ExampleID") %>">
<img src='<%#GetPic(Eval("SmallImg").ToString(),Eval("LargeImg").ToString()) %>' width="250" height="155" /><h3>【<%#Eval("Title") %>】</h3>
</a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
<div class="ip1_rb">
<h2>
<ul class="tabs">
</ul>
</h2>
<div class="scroll">
<div class="items">
<div>
<dl>
<asp:Repeater ID="rptHd" runat="server">
<ItemTemplate>
<dd>
<a href='ashow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Aid=<%#Eval("ArticleID") %>'>
<span class="left"><h3><b><%#Eval("ArticleID")%></b>1</h3><h4>ACTIVITY</h4></span>
<span class="right"><p><%#Eval("title") %></p><span><%#Eval("Published")%></span></span>
</a>
</dd>
</ItemTemplate>
</asp:Repeater>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="i_p2">
<h2>
</h2>
<%--<ul>
</ul>--%>
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
width: 940px;
margin:0 0 0 35px
}
#demo img {
border: 3px solid #AFAFAF;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
height:250px;
}
#demo2 {
float: left;
}
#demo1 ul{
width:940px;
padding:0 0 0 0px;
}
#demo1 ul li{ float:left; padding-right:6px; text-align:center;}
#demo1 ul li a{ width:210px; height:250px;}
#demo2 ul{
width:940px;
padding:0 0 0 0px;
}
#demo2 ul li{ float:left; padding-right:6px; text-align:center;}
#demo2 ul li a{ width:210px; height:250px;}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<ul>
<asp:Repeater ID="rptSY" runat="server">
<ItemTemplate>
<li>
<a href='pshow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Eid=<%#Eval("ExampleID") %>'>
<img src='<%#GetPic(Eval("SmallImg").ToString(),Eval("LargeImg").ToString()) %>' width="200" height="160" />
<p><b><%#Eval("title") %></b><span></span><ins></ins></p>
<h3></h3>
</a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
<div id="demo2"></div>
</div>
</div>
</div>
<script>
<!--
var speed = 10;
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
function Marquee() {
if (tab2.offsetWidth - tab.scrollLeft <= 0)
tab.scrollLeft -= tab1.offsetWidth
else {
tab.scrollLeft++;
}
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function() { clearInterval(MyMar) };
tab.onmouseout = function() { MyMar = setInterval(Marquee, speed) };
-->
</script>
<%--</div>--%>
<div class="i_p3">
<div class="left">
<h2>
<a class="more" href='#'></a>
</h2>
<div class="tpc">
<div class="l">
<asp:Repeater ID="rptPSS" runat="server">
<ItemTemplate>
<a href='ashow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Aid=<%#Eval("ArticleID") %>' target="_blank"><span class="red"><%#new Xsdemo.General.StringDeal().Substr(Eval("title").ToString(),30) %></span><span class="gray"><%#Eval("Published","{0:yyyy-MM-dd}")%></span></a>
</ItemTemplate>
</asp:Repeater>
</div>
<div class="clean">
</div>
</div>
</div>
<div class="right">
<h2>
<a class="more" href="" target="_blank"></a> </h2>
<dl><dt></dt></dl>
<asp:Repeater ID="rptPSJ" runat="server">
<ItemTemplate>
<dt style="padding:0 0 0 10px" title='<%#Eval("title") %>' ><a href='ashow.aspx?Cid=<%#Eval("ChannelID") %>&Tid=<%#Eval("TypeID") %>&Aid=<%#Eval("ArticleID") %>' target="_blank"><span class="red"><%#new Xsdemo.General.StringDeal().Substr(Eval("title").ToString(),30) %></span><span class="gray"><%#Eval("Published","{0:yyyy-MM-dd}")%></span></a></dt>
</ItemTemplate>
</asp:Repeater>
<a class="gobbs" href="" target="_blank"></a> </div>
</div>
</div>
<uc1:Footer ID="footer" runat="server" />
</form>
</body>
</html>