菏泽市人民政府

菏泽市人民政府

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

页面布局和样式

当屏幕宽度大于等于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);  
}  

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