【贵美商城】首页设计

根号二点五

于 2020-05-16 16:06:49 发布

阅读量2k

点赞数 5

分类专栏：代码功能类 javascript 文章标签： javascript css html

本文链接：https://blog.csdn.net/qq_44759710/article/details/106160634

版权

本文详细介绍了贵美商城的首页设计过程，包括使用HTML、CSS和JavaScript进行页面布局、样式设计和交互实现。通过实例展示了如何打造一个具有吸引力且用户体验良好的电商首页。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/Untitled-2.css" />
<title>主页</title>
    <style type="text/css">
        #time{
   
            width: 200px;
            height: 20px;
            position: absolute;
            left:1200px;
            top: 70px;
            border: 1px solid red;
        }
    </style>
    <script>


        window.onload=function(){
   
            var dom =document.getElementById("time");
            var year,month,day,hours,minute,second;
            function clock(){
   
                var today=new Date();
                year=today.getFullYear();
                month=today.getMonth()+1;
                day=today.getDay();
                hours=today.getHours();
                minute=today.getMinutes();
                second=today.getSeconds();
            }
            setInterval(
                    function(){
   
                        clock();
                        dom.innerHTML="您好，现在是北京时间"+year+"年"+month+"月"+day+"日"+hours+"时"+minute+"分"+second;
                    },1000)
        }

    </script>
</head>

<body>
  <div id="head">
      <div id="time"></div>
    <div id="subnav">
        <ul>
      <li class="pic" id="pic"></li>
      <li><a href="dizhi.html">购物车</a></li>
      <li class="pic" id="pic2"></li>
      <li><a href="service.html">帮助中心</a></li>
      <li class="pic" id="pic3"></li>
      <li><a href="#">加入收藏</a></li>
      <li class="pic" id="pic4"></li>
      <li><a href="#">设为首页</a></li>
      
      <li id="button">&nbsp;&nbsp;<a href="register.html"><input type="button" src="" value="登录" /></a>&nbsp;
     <a href="login.html"><input type="button" value="注册" /></a></li>
      </li>
          
        </ul>
    </div>
    <div id="nav">
    <ul>
      <li class="er"><a href="index.html">首页</a></li>
      <li><a href="list.html">家用电器</a>
        <ul>
          <li>好好学习</li>
           <li>天天向上</li>
            <li>哈哈</li>
        </ul>
      
      
      </li>
      <li><a href="list.html">手机数码</a></li>
      <<