商品分类代码

小明同学喊你学习啦

已于 2023-10-18 11:03:16 修改

阅读量396

点赞数

分类专栏：网页设计教学文章标签： javascript 开发语言 ecmascript

于 2023-10-14 10:09:27 首次发布

本文链接：https://blog.csdn.net/weixin_43310774/article/details/133821838

版权

网页设计教学专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>商品分类代码</title>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<style type="text/css">
td table {
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
body table tr {
	text-align: center;
	font-weight: bold;
}
td:hover {
	color: #FFF;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
</style>
</head>
<body>
<table width="858" border="0" align="center" cellspacing="0">
  <tr>
    <td width="176" height="35" bgcolor="#0000FF">所有商品</td>
    <td width="94" bgcolor="#0000FF">首页</td>
    <td width="128" bgcolor="#0000FF">针织卫衣</td>
    <td width="149" bgcolor="#0000FF">运动系列</td>
    <td width="148" bgcolor="#0000FF">西服套装</td>
    <td width="151" bgcolor="#0000FF">牛仔系列</td>
  </tr>
</table>
</body>
</html>

增加版

<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<style type="text/css">
td table {
	font-weight: bold;
	font-size: 18px;
	color: #000;
}

body table tr {
	text-align: center;
	font-weight: bold;
}
td:hover {
	color: #FFF;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
</style>
</head>

<body>
<table width="858" border="0" align="center" cellspacing="0">
  <tr>
    <td width="176" height="35" bgcolor="#0000FF">所有商品</td>
    <td width="94" bgcolor="#0000FF">首页</td>
    <td width="128" bgcolor="#0000FF">针织卫衣</td>
    <td width="149" bgcolor="#0000FF">运动系列</td>
    <td width="148" bgcolor="#0000FF">西服套装</td>
    <td width="151" bgcolor="#0000FF">牛仔系列</td>
  </tr>
  <tr>
    <td colspan="6" bgcolor="#FFFFFF"><table width="100%" border="0">
      <tr>
        <td width="20%" height="22"><table width="100%" border="0" cellspacing="0">
          <tr>
            <td height="30" bgcolor="#0000FF">秋季新品</td>
          </tr>
          <tr>
            <td height="30" bgcolor="#0000FF">外套/风衣/卫衣</td>
          </tr>
          <tr>
            <td height="30" bgcolor="#0000FF">针织毛衣</td>
          </tr>
          <tr>
            <td height="30" bgcolor="#0000FF">牛仔裤/休闲裤/短裤</td>
          </tr>
          <tr>
            <td height="30" bgcolor="#0000FF">西服套装</td>
          </tr>
          <tr>
            <td height="30" bgcolor="#0000FF">长袖/衬衫</td>
          </tr>
          <tr>
            <td height="30" bgcolor="#0000FF">马甲/背心</td>
          </tr>
        </table></td>
        <td width="79%"><img src="images/222.jpg" width="674 " height="210" /></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>