关于动态门户WEB博雅互动的源代码（HTML+CSS+javascript）

最新推荐文章于 2024-04-29 21:24:22 发布

weixin_30271335

最新推荐文章于 2024-04-29 21:24:22 发布

阅读量9.9k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/jiangliang520/p/7681101.html

本文介绍了一个基于HTML、CSS和JavaScript实现的动态门户WEB项目。预览图可能因浏览器兼容性问题导致部分字体显示不一致，原文链接提供详细内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博雅互动</title>
    <link rel="stylesheet" href="./CSS/index.css">


</head>
<body>
    <div class = "box">
        <div class = "nav">
            <span><a href="http://www.boyaa.com"><img src="./images/logo.png"></a></span>
            <ul>
            <li class = "frist"><a href="#">首页</a></li>
            <li><a href="#">博雅游戏</a></li>
            <li><a href="#">博雅新闻</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">客服中心</a></li>
            <li><a href="#">投资者关系</a></li>
            <li class = "last"><img src="./images/jrwm.png"></li>
            </ul>
        </div>
    </div>
    <div class = "banner">
    <img src="./images/banner1.jpg" alt="" name = "banner">
    </div>

    <div class = "bpt">
        <div>
            <img src="./images/bpt1.jpg" alt=""><p align = "center">BPT宣传片</p><p align = "center"><a href="#">点击播放</a></p>
        </div><div>
            <img src="./images/bpt2.jpg" alt=""><p align = "center">博雅互动宣传视频</p><p align = "center"><a href="#">点击播放</a></p>
        </div><div>
            <img src="./images/bpt3.jpg" alt=""><p align = "center">斗地主</p><p align = "center"><a href="#">点击播放</a></p>
        </div><div class="bptlast">
            <img src="./images/bpt4.jpg" alt="" class="imglast"><p align = "center">德州扑克</p><p align = "center"><a href="#">点击播放</a></p>
        </div>
        
    </div>
<!--博雅新闻开始-->
<div class= "new">
    <div class = "newone"><img src="./images/bynewsbg.jpg" alt="">
    <ul>
        <li><script type="text/javascript">
            var today = new Date();
            var y = today.getFullYear();
            var m = today.getMonth()+1;
            document.write(y+"/"+m)
        </script>&nbsp;<a href="http://www.gdzsxx.com/news/dx/201612/106161.html"><strong>第三届宠物文化节在华南农业大学正式落幕</strong></a></li>
        <li><script type="text/javascript">
            var today = new Date();
            var y = today.getFullYear();
            var m = today.getMonth()+1;
            document.write(y+"/"+m)
        </script>&nbsp;<a href="http://gd.people.com.cn/n/2015/0122/c123932-23644282.html"><strong>杂交水稻之父袁隆平院士两度光临华农</strong></a></li>
        <li>
        <script type="text/javascript">
                var today = new Date();
                var y = to