菏泽市人民政府

菏泽市人民政府

菏泽市人民政府官方网站，是中华人民共和国山东省菏泽市的政府门户网站。该网站为市民提供政务服务、政策法规、新闻动态、公共服务等信息，方便市民了解政府工作和参与社会事务。

页面布局和样式

当屏幕宽度大于等于750px时，网页采用自适应布局，.center类设置居中，.fixed-right类设置固定右侧边框。

在JavaScript代码中，定义了两个函数trans1和trans2,用于实现标题和内容的切换效果。通过获取指定元素的索引，添加或移除相应的CSS类名来改变元素的显示状态。

@media screen and (min-width:750px){
.center{
width:750px !important;
margin-left:-375px !important;
left:50% !important;
}
.fixed-right{
right:calc((100% - 750px)/2)
}
}

function trans1(n, classname) {
$titles = $("#title1 li a");
$bodys = $("#body1 > ul");
$titles.removeClass(classname);
$titles.eq(n).addClass(classname);
$bodys.hide();
$bodys.eq(n).show();
}

function trans2(n, classname) {
$titles = $("#title2 li");
$bodys = $("#body2 > div");
$titles.removeClass(classname);
$titles.eq(n).addClass(classname);
}

以上是关于菏泽市人民政府官方网站的简要介绍。该网站为市民提供了方便的政务服务和丰富的信息资源，是市民了解政府工作的重要渠道。