web前端期末大作业--绿色畜牧业肉食网页设计（HTML+CSS+JavaScript）实现_利用javascript计算畜牧业生产(2)

2401_84438160

于 2024-04-29 20:58:41 发布

阅读量113

点赞数 3

分类专栏：程序员文章标签：前端课程设计 html

本文链接：https://blog.csdn.net/2401_84438160/article/details/138325349

版权

程序员专栏收录该内容

161 篇文章 0 订阅

订阅专栏

服务中心：

联系我们：

项目组织结构：

主要源码展示：

index.html

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <link href="/demo1016/skin/css/webstyle.css" rel="stylesheet" type="text/css" />
    <title>绿色畜牧肉类食品行业模板(带手机端)</title>
    <meta name="keywords" content="" />
 
</head>

<body>
    <!--header start-->
    <div class="logo min_w">
        <div class="container">
            <div class="logo_l fl"><img src="/demo1016/skin/img/logo.png"></div>
            <div class="logo_r fr">
                <div class="logo_r fr"> 联系电话：400-888-8888 </div>
            </div>
            <div class="cl"></div>
        </div>
    </div>
    <div class="nav min_w">
        <div class="container">
            <ul class="nav_list">
                <li><a href="/demo1016/" target="">首页</a> </li>
                <li><a href="http://demoall.admin868.com/demo1016/a/about/" target="">关于我们</a>
                

                                    <div class="news_list_l fl">做你自己，不要刻意去取悦别人<span>如果我们把自己的心的主权全部交给了别人，别人就不会珍惜，并且随时有可能摧毁它。 我相信，每个人都痛恨过自己，时常有那么一瞬间，自己做出来的事情，说出来的话，连自己都...</span></div>
                                    <div class="news_list_r fr"><img  width="160" height="105"><span>点击查看 ></span></div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="news_list_l fl">藏，是懂得最深的慈悲<span>裁一帛光阴，写一阕旧词，字里行间，蕴着清风明月的境，含了幽篁篱菊的情，读在眼眸里，便是一段故事，读在往事中，便是一曲心音，读在岁月里，便是一林静好。 红尘漫漫，吹不...</span></div>
                                    <div class="news_list_r fr"><img src="" width="160" height="105"><span>点击查看 ></span></div>
                                </a>
                            </li>
                            <li>
                                <a">
                                    <div class="news_list_l fl">如此善良的坏人<span>朋友的表姐是开出租车的。 那天她不幸被四个强悍的歹徒绑架到一个荒僻、偏远的地方。寒冬、深夜敌我力量的反差，情况之危急可想而知。 朋友的表姐一边慢慢和歹徒周旋，一边想...</span></div>
                                    <div class="news_list_r fr"><img src="" width="160" height="105"><span>点击查看 ></span></div>
                                </a>
                            </li>
                            <li>
                     
                                    <div class="news_list_l fl">戒贪<span>电视上，又在报道关于二套房、三套房贷款的问题。有钱人就是好啊，可以买二套房、三套房，而很多小老百姓，连首套房子也买不起。 也是电视上报道，说北京很多小区，入住率还不...</span></div>
                                    <div class="news_list_r fr">

style.css

.nav_list li {
    width: 160px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: relative;
    line-height: 54px
}

.nav_list li span {
    display: block;
    font-size: 8px;
    color: #fff;
}

.nav_list li a {
    color: #fff;
}

.nav_list li ul {
    padding-bottom: 5px;
    margin: 0 auto;
    width: 122px;
    position: absolute;
    top: 53px;
    left: 19px;
    display: none;
    z-index: 99999
}

.nav_list li ul li {
    width: 122px;
    padding: 5px 0;
    float: none;
    background: #1f9b0f;
}


### 最后

**一个好的心态和一个坚持的心很重要**，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

**分享一些前端面试题以及学习路线给大家**

![](https://img-blog.csdnimg.cn/img_convert/5df5e93ff728aa539db63ef4b562392f.webp?x-oss-process=image/format,png)

：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

**分享一些前端面试题以及学习路线给大家**

[外链图片转存中...(img-gfovhR4W-1714395510456)]

![](https://img-blog.csdnimg.cn/img_convert/23870962c8ef0d0c82eff6468550efda.webp?x-oss-process=image/format,png)