master

分支 (1)

管理

管理

master

web_develop
/
shanhe.html

<!DOCTYPE HTML><html><head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <title>山河新闻</title>


    <link href="image/logo.png" rel="icon">
    <link rel="stylesheet" href="css/style.css">
    <link href="css/index.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/set.js"></script>
</head>


<body >
<!--顶部-->
<div id="top">

    <div id="top_inner">

        <ul>
            <li>
                <a href="login.html">登录</a>
            </li>
            <li>
                <a href="history.html">学校概况</a>
            </li>
            <li>
                <a href="rule.html">管理条例</a>
            </li>
            <li>
                <a href="map.html">校园地图</a>
            </li>
            <li>
                <a href="email.html">意见反馈</a>
            </li>
            <li>
                <a href="English.html">English</a>
            </li>
        </ul>
    </div>
</div>
<div class="logo">
    <img src="image/title_photo1.png">
</div>

<!--轮播图-->
<div class="box">
    <div class="imgList">
        <a href="#" class="showImg">
            <img src="image/spring1.png" alt="">
        </a>
        <a href="#">
            <img src="image/summer1.jpg" alt="">
        </a>
        <a href="#">
            <img src="image/autumn.jpg" alt="">
        </a>
        <a href="#">
            <img src="image/winter.png" alt="">
        </a>
    </div>
    <span class="leftBtn">&lt;</span>
    <span class="rightBtn">&gt;</span>
    <div class="btn">
        <span class="checked"></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<!--轮播图js-->
<script>
    window.onload=function(){
        var imgList=document.querySelectorAll(".imgList>a");
        var btnList=document.querySelectorAll(".box>.btn>span");
        var lbtn=document.querySelector(".leftBtn");
        var rbtn=document.querySelector(".rightBtn");
        var time=3000;
        var index=0;
        var flag;
        start();
        function start(){
            flag=setInterval(function(){
                index==imgList.length-1 ? index=0 : index++;
                switchPublic();
            },time)
        }
        function switchPublic(){
            for(var i=0;i<imgList.length;i++){
                imgList[i].classList.remove('showImg')
                btnList[i].classList.remove('checked')
            }
            imgList[index].classList.add('showImg')
            btnList[index].classList.add('checked')
        }
        lbtn.onclick=function(){
            clearInterval(flag)
            index==0 ? index=imgList.length-1 :index--;
            switchPublic();
            start();
        }
        rbtn.onclick=function(){
            clearInterval(flag)
            index==imgList.length-1 ? index=0 :index++;
            switchPublic();
            start();
        }
    }
</script>

<!--学校简介框-->
<div class="biaoti">
    <p>学校简介</p>
    <img src="image/school_logo.png" alt="">
</div>
<div class="aboutwe">
    <div class="aboutwe_left">
        <img src="image/logo.png"  alt="">
    </div>
    <div class="aboutwe_right">
        <p>山河大学</p>
        <p>博学求知</p>
        <div class="clear">
            <div class="cleartop"></div>
            <div class="clearbottom"></div>
        </div>
        <p>山河大学（Shanhe University），简称“山河大”，是中国唯一一所跨省份建校的高校。主校区位于山东、山西、河南、河北四省交汇之处，并于洛阳、菏泽、太原、唐山各有一所分校区，占地面积共计七千余亩，是中华人民共和国教育部直属的全国重点大学。</p>
        <div class="liaojie"><a href="history.html"><font size="3" color="white">了解更多</font></a></div>
    </div>
</div>


<!--综合新闻框-->

<!--<div class="biaoti">
    <p>校园新闻</p>
    <img src="image/news_logo.png" alt="">
</div>
<div class="aboutwe">
    <div class="aboutwe_left_two">
        <img src="image/history.jpg" alt="">
    </div>
    <div class="aboutwe_right_two">
        <ul>
            <li>
                2022-2023学年综合新闻
            </li>
            <li>
                <a href="email.html"><font>hahaah</font></a>
                <p>></p>
            </li>
            <li>
                <a href="">学院2021-2022学年图书馆图书采购项目招标公告</a>
                <p>></p>
            </li>
            <li>
                <a href="">关于2021年国庆节放假安排的通知</a>
                <p>></p>
            </li>
            <li>
                <a href="">暑假安全提示</a>
                <p>></p>
            </li>
            <li>
                <a href="">学院行知楼技防建设项目流标公告</a>
                <p>></p>
            </li>
            <li>
                <a href="">学院学生公寓消防建设项目中标公告</a>
                <p>></p>
            </li>
        </ul>
    </div>
</div>-->

<!--新闻框-->
<div class="content">
    <div class="mainWrap">

        <!--焦点关注-->
        <section class="focus clearfix">
            <div class="biaoti">
                <p>焦点关注</p>
                <img src="image/news_logo.png">
            </div>
            <ul class="focuslist">
                <li class="li_1_1">
                    <a href="new1.html"><img src="image/biaozhang.jpg"/></a>
                    <div class="tn">
                        <h3><a href="">山河大学党委宣传部（新闻中心）举行学生记者表彰会</a></h3>
                        <p class="tnp">6月27日，山河大学党委宣传部（新闻中心）在新水利馆举行2022年—2023年度学生记者表彰大会。共有29人...</p>
                    </div>
                </li>
                <li class="li_img bdcolor">
                    <a href="new2.html"><img src="image/history.jpg"/></a>
                    <div class="tn">
                        <h3><a href="">世界和平论坛：为世界安全这个古老命题寻找新的钥匙</a></h3>
                        <p class="tnp">6月24日~25日，以“应对国际安全挑战：合力、担当、变革” 为主题的第六届世界和平论坛将于山河大学主...  </p>
                    </div>
                </li>
                <li class="li_1_2">
                    <div class="tn">
                        <a href="new3.html"><img src="image/rudang.png"/></a>
                        <h3><a href="">陈旭参加生命学院教授王新泉入党发展会</a></h3>
                        <p class="tnp">6月27日下午，山河大学生命科学学院教工第一党支部召开王新泉教授的入党发展会。经支部成员充分讨论并投票表决，同意接收王新泉为中共预备党员。校党委书记陈...</p>
                    </div>
                </li>

            </ul>

        </section>
    </div>
</div>

<!--快速通道（摆设）-->
<div class="biaoti">
    <p id="mao">快速通道</p>
    <img src="image/entrance_logo.png" alt="">
</div>
<div class="aboutwe">
    <ul class="kuaisulist">
        <li>
            <img src="image/dangjian.png" alt="">
            <p>党建工作</p>
        </li>
        <li>
            <img src="image/sizheng.png" alt="">
            <p>思政教育</p>
        </li>
        <li>
            <img src="image/keyan.png" alt="">
            <p>科学科研</p>
        </li>
        <li>
            <img src="image/tuanxue.png" alt="">
            <p>团学在线</p>
        </li>
        <li>
            <img src="image/jiuye.png" alt="">
            <p>招生就业</p>
        </li>
        <li>
            <img src="image/school_logo.png" alt="">
            <p>图书智能平台</p>
        </li>
        <li>
            <img src="image/news_logo.png" alt="">
            <p>统一信息门户</p>
        </li>
        <li>
            <img src="image/shenfen.png" alt="">
            <p>统一身份认证</p>
        </li>
        <li>
            <img src="image/rencai.png" alt="">
            <p>人才引进</p>
        </li>
        <li>
            <img src="image/guangao.png" alt="">
            <p>招标公告</p>
        </li>
    </ul>
</div>

<!--底部图片/视频框-->
<div class="movies">
    <img class="imgbottom" src="image/flower1.png" alt="">
    <div class="movies_text">
        <p class="text1">明德、励志</p>
        <p class="text2">笃学、致用 </p>
        <div id="lijiguankan" class="liaojie"><a href="https://www.bilibili.com/video/BV1T14y1i7J5/?spm_id_from=333.337.search-card.all.click&vd_source=13cb40846f1540294d1e290f24cfeee9"><font size="5" face="楷体">立即观看</font></a></div>
    </div>
</div>

<!--底部边框-->
<div id="bottom">
    Copyright © xxx级软件工程（专升本）xxx班 xxx xxx. All rights reserved.
    <a href="email.html">联系我们</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#top">回到顶部</a>
</div>

</body>
</html>