① html css制作家用商品分类页面
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;}
a{color:#666;text-decoration:none;}
.menu{width:220px;}
.menuh2{width:100%;height:36px;line-height:36px;font-size:18px;padding-left:10px;background:#0F7CBF;}
.menuh2a{color:#fff;}
.menu.itemh3{height:30px;line-height:30px;padding-left:15px;background:#E4F1FA;}
.menu.itemh3a{color:#0F7CBF;font-size:14px;}
.menu.itemp{padding:15px;line-height:18px;}
.menu.itempa{font-size:12px;}
</style>
</head>
<body>
<divclass="menu">
<h2><ahref="#">家用电器</a></h2>
<divclass="item">
<h3><ahref="#">大家电</a></h3>
<p>
<ahref="#">平板电视</a><ahref="#">洗衣机</a><ahref="#">冰箱</a>
<ahref="#">空调</a><ahref="#">烟机/灶具</a><ahref="#">热水器</a>
<ahref="#">冷柜/酒柜</a><ahref="#">消毒柜</a><ahref="#">家庭影院</a>
</p>
</div>
<divclass="item">
<h3><ahref="#">大家电</a></h3>
<p>
<ahref="#">平板电视</a><ahref="#">洗衣机</a><ahref="#">冰箱</a>
<ahref="#">空调</a><ahref="#">烟机/灶具</a><ahref="#">热水器</a>
<ahref="#">冷柜/酒柜</a><ahref="#">消毒柜</a><ahref="#">家庭影院</a>
</p>
</div>
<divclass="item">
<h3><ahref="#">大家电</a></h3>
<p>
<ahref="#">平板电视</a><ahref="#">洗衣机</a><ahref="#">冰箱</a>
<ahref="#">空调</a><ahref="#">烟机/灶具</a><ahref="#">热水器</a>
<ahref="#">冷柜/酒柜</a><ahref="#">消毒柜</a><ahref="#">家庭影院</a>
</p>
</div>
<divclass="item">
<h3><ahref="#">大家电</a></h3>
<p>
<ahref="#">平板电视</a><ahref="#">洗衣机</a><ahref="#">冰箱</a>
<ahref="#">空调</a><ahref="#">烟机/灶具</a><ahref="#">热水器</a>
<ahref="#">冷柜/酒柜</a><ahref="#">消毒柜</a><ahref="#">家庭影院</a>
</p>
</div>
</div>
</body>
</html>
兼容IE8+
② 请 php 简单 产品分类代码
商品分类展示
设置商品分类显示不仅可使该购物系统的所有商品都分门别类的显示出来，而且为用户选择商品提供了很大的方便。首先应该建立一个单独的type表用来存储商品大类，之后在shangpin表中增加一个typeid字段，该字段中存储的内容是商品大类id值，利用这个值就可以确定该商品属于那一类。商品分类展示是在showfenlei.php中完成的，代码如下：
<!--*******************************showfenlei.php*******************************-->
<?php
include("top.php");
?>
<table width="800" height="438" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="200" height="438" valign="top" bgcolor="#E8E8E8"><div align="center">
<?php include("left.php");?>
</div></td>
<td width="10" background="images/line2.gif"></td>
<td width="590" valign="top"><table width="590" height="20" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="left">
<?php
$sql=mysql_query("select * from type order by id desc",$conn);
$info=mysql_fetch_object($sql);
if($info==false)
{
echo "本站暂无商品!";
}
else
{
do
{
echo "<a href='showfenlei.php?id=".$info->id."'>".$info->typename."</a>";
}
while($info=mysql_fetch_object($sql));
}
?>
</div></td>
</tr>
</table>
<?php
if($_GET[id]=="")
{
$sql=mysql_query("select * from type order by id desc limit 0,1",$conn);
$info=mysql_fetch_array($sql);
$id=$info[id];
}
else
{
$id=$_GET[id];
}
$sql1=mysql_query("select * from type where id=".$id."",$conn);
$info1=mysql_fetch_array($sql1);
$sql=mysql_query("select count(*) as total from shangpin where typeid='".$id."' order by addtime desc ",$conn);
$info=mysql_fetch_array($sql);
$total=$info[total];
if($total==0)
{
echo "<div align='center'>本站暂无该类产品!</div>";
}
else
{
?>
<table width="550" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="left"><span style="color: #666666; font-weight: bold"><span style="color: #000000">本类商品>></span><?php echo $info1[typename];?></span>
</div></td>
</tr>
</table>
<table width="550" height="10" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="images/line1.gif"></td>
</tr>
</table>
<table width="550" height="70" border="0" align="center" cellpadding="0" cellspacing="0">
<?php
$pagesize=10;
if ($total<=$pagesize)
{
$pagecount=1;
}
if(($total%$pagesize)!=0)
{
$pagecount=intval($total/$pagesize)+1;
}
else
{
$pagecount=$total/$pagesize;
}
if(($_GET[page])=="")
{
$page=1;
}
else
{
$page=intval($_GET[page]);
}
$sql1=mysql_query("select * from shangpin where typeid=".$id." order by addtime desc limit ".($page-1) *$pagesize.",$pagesize ",$conn);
while($info1=mysql_fetch_array($sql1)) //显示商品信息
{
?>
……
<?php
}
?>
</table>
<table width="550" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="right"> 本站共有该类商品
<?php
echo $total;
?>
件每页显示<?php echo $pagesize;?>件第<?php echo $page; ?> 页/共<?php echo $pagecount; ?>页
<?php
if($page>=2) //商品分页显示
{
?>
<a href="showfenlei.php?id=<?php echo $id;?>&page=1" title="首页"><font face="webdings"> 9 </font></a>
<a href="showfenlei.php?id=<?php echo $id;?>&page=<?php echo $page-1;?>" title="前一页"><font face="webdings"> 7 </font></a>
<?php
}
if($pagecount<=4){
for($i=1;$i<=$pagecount;$i++){
?>
<a href="showfenlei.php?id=<?php echo $id;?>&page=<?php echo $i;?>"><?php echo $i;?></a>
<?php
}
}
else
{
for($i=1;$i<=4;$i++){
?>
<a href="showfenlei.php?id=<?php echo $id;?>&page=<?php echo $i;?>"><?php echo $i;?></a>
<?php
}
?>
<a href="showfenlei.php?id=<?php echo $id;?>&page=<?php echo $page-1;?>" title="后一页"><font face="webdings"> 8 </font></a>
<a href="showfenlei.php?id=<?php echo $id;?>&page=<?php echo $pagecount;?>" title="尾页"><font face="webdings"> : </font></a>
<?php
}
?>
</div></td>
</tr>
</table>
<?php
}
?>
</td>
</tr>
</table>
<?php
include("bottom.php");
?>