关于动态门户WEB博雅互动的源代码（HTML+CSS+javascript）
<!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> <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> <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 = today.getFullYear();
var m = today.getMonth()+1;
document.write(y+"/"+m)
</script> <a href="https://idol001.com/news/liyifeng/detail/54fd09997a1173350e8b49ba"><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> <a href="http://hi.people.com.cn/n2/2016/0904/c231182-28944338.html"><strong>科比，库里在华南农业大学田家炳训练场</strong></a></li>
<li class=" last"><a href=""><img src="./images/more.png" alt=""></a></li>
</ul>
</div> <div class = "newtwo"><img src="./images/zczp.jpg" alt="">
<div>
<ul>
<li><img src="./images/zczp.png" alt=""></li>
<li class = "IMG2"><img src="./images/more2.png" alt=""></li>
</ul>
</div>
<div class="zp">
<ol>
<li><strong>专场招聘岗位</strong></li>
<li><a href="">PHP开发工程师</a></li>
<li><a href="">WEB前端开发工程师</a></li>
<li><a href="">JAVA开发工程师</a></li>
<li><a href="">IOS开发工程师</a></li>
</ol> </div> </div> </div>
<!--
1、图片轮播函数 开始定义 -->
<script>
var imgObjet = document.images[2];
console.log(imgObjet); setInterval(imgplay, 2000); var i =2;
function imgplay(){
imgObjet.src ="./images/banner"+i+".jpg"; i++;
if(i>4){
i = 1
}
} </script> <!-- 底部收尾栏开始 -->
<div class = "bottom">
<div class = "botone">
<ul>
<font color="#ffffff">
<li>网站地图 | 免责声明</li>
<li>Copyright®2017-2030博雅互动（Boyaa Interactive）粤ICP备999999号 增值电信业务许可证</li>
</font>
<li><img src="./images/govIcon.gif" alt="" width="60" height="85"></li>
</ul>
</div>
</div> </body>
</html>
*{
margin:0px;
padding:0px;
}
/* 清除HTML样式 */
a{
text-decoration: none;
color:#b12ff2;
}
a:hover{
text-decoration: underline;
color: #4d90fe;
}
.box{
width:100%;
height:58px;
border:1px solid;
background-color: #191d3a;
position: fixed;
z-index: 3px;
}
.nav span {
float: left;
margin-right: 60px;
}
.nav {
width:1248px;
height:58px;
margin:0 auto;
}
.nav li{
list-style-type: none;
float: left;
width: 100px;
height: 58px;
line-height: 58px;
text-align: center;
border-right: 2px solid #252947;
}
.nav .frist{
border-left: 2px solid #252947;
background-color: #252947;
}
.nav .last{
padding-left: 48px;
padding-top: 12px;
border-right: 0px;
}
/* 图片轮播栏开始 */
.banner{
width：100%;
height:463px;
padding-top: 58px;
}
.bpt{
width: 1050px;
height: 230px;
margin:0 auto;
margin-top: 50px;
border-bottom: 1px solid #dbe1e7;
}
.bpt div{
display: inline-block;
margin-right: 43px;
height:230px;
}
.bpt div img{
width:218px;
height: 130px
}
.bpt div .imglast{
width:217px;
}
.bpt a{
color:#38b774;
font-weight: bold;
}
/* 图片轮播栏结束 */
/* 博雅新闻开始 */
.new {
width:1000px;
height: 310px;
margin:12px auto;
}
.newone{
width:500px;
height: 310px;
display:inline-block;
}
.newtwo{
width:500px;
height: 310px;
position: relative;
left: 500px;
bottom: 507px;
}
.newone li{
display: block;
width:500px;
height: 40px;
line-height: 40px;
list-style-type: none;
position: relative;
bottom: 165px;
left:20px;
border-bottom: 1px solid #dbe1e7;
}
.newone .last{
border-bottom: none;
position: relative;
left:220px;
bottom: 440px;
}
.newtwo li{
list-style-type: none;
position: relative;
left:100px;
bottom: 275px;
}
.newtwo .IMG2{
position: relative;
left:250px;
bottom: 325px;
}
.zp{
position: relative;
right: 80px;
bottom: 20px;
}
.zp li{
width: 350px;
height: 37px;
line-height: 37px;
border-bottom: 1px solid #ffffff;
}
.zp a{
color: #ffffff;
}
/* 博雅新闻结束 */
/* 底部栏开始 */
.bottom{
width: 100%;
height: 130px;
background-color: #191d3a;
margin-top: 130px;
}
.botone{
width: 1000px;
height: 130px;
margin:0 auto;
}
.botone li{
list-style-type: none;
float: left;
height: 91px;
line-height: 130px;
margin-right: 35px;
}
.botone img{
margin-top: 20px;
}
预览图：（因为谷歌浏览器不支持全屏保存图片，因此用的是360浏览器打开，可能一些字体存在兼容性的问题，望忽略！）
关于动态门户WEB博雅互动的源代码（HTML+CSS+javascript）的更多相关文章
- how to create one single-file Web Component just using the HTML, CSS, JavaScript
how to create one single-file Web Component just using the HTML, CSS, JavaScript web components html ...
- Brackets - 强大免费的开源跨平台Web前端开发工具IDE (HTML/CSS/Javascript代码编辑器)
Brackets 是一个免费.开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具).该项目由 Adobe 创建和维护,根据MIT许可证发布,支持 Wind ...
- [转载]Brackets - 强大免费的开源跨平台Web前端开发工具IDE (HTML/CSS/Javascript代码编辑器)
http://brackets.io/ Brackets 是一个免费.开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具).该项目由 Adobe 创建和维 ...
- 在网页中动态地给表格添加一行内容--HTML+CSS+JavaScript
需求描述: 用户在页面上点击按钮,可以把文本框中的数据在表格的新的一行中显示,具体表现如下图: 如果如果输入框内容有一项为空,弹出对话框‘请将数据填入完全 步骤: 1.按钮注册单击事件 2.获取并判断 ...
- 深圳--博雅互动 Android面试打酱油归来
公司在TCL工业园E4,坐地到西丽站,那边在修路,不好走.B796公交站台在A出口的反方向,还要顺着施工的屏障打个弯,在西丽法院1上车.公司那边比较偏了,附近只有两趟公交.办公地点在10楼,出电梯就可 ...
- 动态调用web服务
通常我们在程序中需要调用WebService时,都是通过“添加Web引用”,让VS.NET环境来为我们生成服务代理,然后调用对应的Web服务.这样是使工作简单了,但是却和提供Web服务的URL.方法名 ...
- 在javaEE下学习web（在eclipse中开发动态的WEB工程，servlet的环境搭建，及servlet的一些方法）
一个简便的方法实现javaee版的eclipse开发动态的WEB工程(javaWEB项目)1.把开发选项切换到javaEE2. 可以在window->shou view 中找到package e ...
- 在Web.Config文件中使用configSource,避免动态修改web.config导致asp.net重启（另添加一个Config文件用于管理用户数据）
原文:在Web.Config文件中使用configSource,避免动态修改web.config导致asp.net重启(另添加一个Config文件用于管理用户数据) 我们都知道,在asp.net中修改 ...
- Eclipse拷贝动态的web工程修改context root的值
Eclipse拷贝动态的web工程修改context root的值 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. context root的名称一般是我们访问URL时的PATH路径 ...
随机推荐
- 10w定时任务，如何高效触发超时
一.缘起 很多时候,业务有定时任务或者定时超时的需求,当任务量很大时,可能需要维护大量的timer,或者进行低效的扫描. 例如:58到家APP实时消息通道系统,对每个用户会维护一个APP到服务器的TC ...
- ASP.NET Core 中的依赖注入
目录 什么是依赖注入 ASP .NET Core 中使用依赖注入 注册 使用 释放 替换为其它的 Ioc 容器 参考 什么是依赖注入 软件设计原则中有一个依赖倒置原则(DIP),为了更好的解耦,讲究要 ...
- A GDB Tutorial with Examples--转
http://www.cprogramming.com/gdb.html A GDB Tutorial with Examples By Manasij Mukherjee A good debugg ...
- 在用户控件(ASCX)创建用户控件(ASCX)
"我建了两个ascx,ascxA,ascxBascxA中放了一个PlaceHold,ascxB中放了一个textBoxascxA在page_load中动态创建了5个ascxB但是页面上什么都 ...
- Java - 接口还是抽象类
Java有两种机制可以为某个抽象提供多种实现——Interface和abstract class. Interface 和 abstract class, 除了比较明显的区别(也就是能否提供基本实现) ...
- C#中区别多态、重载、重写
重写是指重写基类的方法,在基类中的方法必须有修饰符virtual,而在子类的方法中必须指明override. 格式: 基类中: public virtual void myMethod() { } 子 ...
- [C语言] 数据结构概述
1.数据结构概述 定义 我们如何把现实中大量而复杂的问题以特定的数据类型和特定的存储结构保存到主存储器(内存)中, 以及在此基础上为实现某个功能(比如查找.删除.查找.某个元素,对所有元素进行排序)而 ...
- 二、hbase shell工具
hbase单节点安装请参考: https://www.cnblogs.com/lay2017/p/9944387.html 下文演示hbase shell工具常用的命令,首先启动hbase以及进入sh ...
- SQL Server 中位数、标准差、平均数
create table examines ( ,) NOT NULL, ) NULL, [ph_score] [int] NULL ) SELECT dept_name, AVG(sp) as '中 ...
- python学习之老男孩python全栈第九期_day019作业
# 计算时间差 import time start_time = time.mktime(time.strptime('2017-09-11 08:30:00','%Y-%m-%d %H:%M:%S' ...