甘肃省地震局单位门户网站

甘肃省地震局单位门户网站是一个为公众提供地震信息服务的官方网站。网站提供了关于甘肃省地震局的各种信息,包括地震新闻、政策法规、应急救援措施等。通过这个网站,用户可以了解到甘肃省地震局的工作动态和最新成果。

导航栏

网站的导航栏包含了多个栏目,如:首页、新闻动态、政策法规、应急救援、科普教育等。用户可以通过点击这些栏目,快速找到自己感兴趣的内容。

<div id="div1">
<ul>
<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>
</ul>
</div>

响应式设计

网站采用了响应式设计,当屏幕宽度小于900px时,布局会自动调整以适应不同的设备。例如,在手机端浏览时,导航栏会显示为水平滚动菜单。

@media screen and (max-width: 900px) {
.bg{width:1200px;}
}

页面加载事件

当页面加载完成后,会执行一个JavaScript函数,用于获取导航栏中的所有链接,并设置相应的样式。

window.onload = function(){
var oDiv = document.getElementById('div1');
var oUl = document.getElementById('u');
oUl.style.display = 'block';
}