代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>成都天府新区人民法院</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<style type="text/css">
.lists {
text-align: center;
margin: 1000px auto;
font-size: 20px;
}
a {
font-size: 16px;
padding: 5px;
}
a:link {
color: blue;
text-decoration: none;
} //未访问：蓝色、无下划线
a:active: {
color: red;
} //激活：红色
a:visited {
color: purple;
text-decoration: none;
} //已访问：紫色、无下划线
a:hover {
color: red;
text-decoration: underline;
} //鼠标移近：红色、下划线
</style>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
<script>
var map = null;
var searchService = null;
var init = function() {
var center = new qq.maps.LatLng(39.916527, 116.397128);
map = new qq.maps.Map(document.getElementById('container'), {
center: center,
zoomLevel: 13
});
//调用Poi检索类
searchService = new qq.maps.SearchService({
panel: document.getElementById('infoDiv'),
map: map
});
getResult();
}
function getResult() {
//设置searchRequest
var poiText = document.getElementById("poiText").value;
var regionText = document.getElementById("regionText").value;
searchService.setLocation(regionText);
searchService.search(poiText);
}
</script>
</head>
<body οnlοad="init()">
<div id="father">
<div class="top">
<div class="count_icon">
<img src="img/count.jpg" />
</div>
<div class="count_name">
<font style="font-size: 30px;"><b>天 府 新 区 法 院</b></font><br />
<font style="font-size: 20px;">HTTP://WWW.CDTFFY.GOV.CN</font>
</div>
<div class="search">
<select class="search_bar">
<option value="">全部栏目</option>
</select>
<input type="search" class="search_text" id="search_text" value="" placeholder="请输入关键字" />
<img src="img/search.jpg" class="search_btn" id="search_btn" />
</div>
</div>
<!--菜单栏-->
<div class="nav">
<div class="">
<div class="">
<i class="icon i-nav-arr"></i>
<a href="/index.asp" class="title">首页</a>
<div class="menu-bg"></div>
</div>
<div class="main-menu ">
<i class="icon i-nav-arr"></i>
<a href="#" class="title" >新闻中心</a>
<div class="menu-bg"></div>
<ul>
<li>
<a href="#" title="要闻">要闻</a>
</li>
<li>
<a href="#" title="法院动态">法院动态</a>
</li>
<li>
<a href="#" title="图文传真">图文传真</a>
</li>
<li>
<a href="#" title="典型案例">典型案例</a>
</li>
<li>
<a href="#" title="执行快递">执行快递</a>
</li>
</ul>
</div>
<div class="main-menu ">
<i class="icon i-nav-arr"></i>
<a href="#" class="title" >审务公开</a>
<div class="menu-bg"></div>
<ul>
<li>
<a href="#" title="审判公开" target="_blank">审判公开</a>
</li>
<li>
<a href="#" title="文书公开" target="_blank">文书公开</a>
</li>
<li>
<a href="#" title="执行公开" target="_blank">执行公开</a>
</li>
<li>
<a href="#4" title="庭审实录">庭审实录</a>
</li>
</ul>
</div>
<div class="main-menu ">
<i class="icon i-nav-arr"></i>
<a href="#" class="title" >便民服务</a>
<div class="menu-bg"></div>
<ul>
<li>
<a href="#" title="绿色通道">绿色通道</a>
</li>
<li>
<a href="#" title="诉讼指南">诉讼指南</a>
</li>
<li>
<a href="#" title="网上诉讼服务中心">网上诉讼服务中心</a>
</li>
<li>
<a href="#" title="法制金牛" target="_blank">法制金牛</a>
</li>
</ul>
</div>
<div class="main-menu ">
<i class="icon i-nav-arr"></i>
<a href="#" class="title" >法院建设</a>
<div class="menu-bg"></div>
<ul>
<li>
<a href="#" title="法院管理">法院管理</a>
</li>
<li>
<a href="#" title="先进典型">先进典型</a>
</li>
<li>
<a href="#" title="人事信息">人事信息</a>
</li>
</ul>
</div>
<div class="main-menu ">
<i class="icon i-nav-arr"></i>
<a href="#" class="title" >工作调研</a>
<div class="menu-bg"></div>
<ul>
<li>
<a href="#" title="审判实务研究">审判实务研究</a>
</li>
</ul>
</div>
<div class="main-menu ">
<i class="icon i-nav-arr"></i>
<a href="#" class="title" >法院文化</a>
<div class="menu-bg"></div>
<ul>
<li>
<a href="#" title="法官随笔">法官随笔</a>
</li>
<li>
<a href="#" title="书画摄影">书画摄影</a>
</li>
<li>
<a href="#" title="文化动态">文化动态</a>
</li>
</ul>
</div>
<div class="main-menu ">
<i class="icon i-nav-arr"></i>
<a href="#" class="title" >金牛法院</a>
<div class="menu-bg"></div>
<ul>
<li>
<a href="#" title="法院概况">法院概况</a>
</li>
<li>
<a href="#" title="法院坐标">法院坐标</a>
</li>
</ul>
</div>
</div>
</div>
<!--地图导航-->
<div id="container"></div>
<div class="bt">
<input type='text' value='' id="regionText" style="display: none;" />
<input type='text' value="成都法院" id="poiText" placeholder="搜索地点" />
<input type="button" value="搜索" οnclick="getResult()" />
<div id="pageIndexLabel" style="width: 100px;"></div>
</div>
<div style='width: 410px;height: 650px;margin: -944px 911px;' id="infoDiv"></div>
<!--友情链接-->
<div class="lists">
<a href="http://tingshen.court.gov.cn/">中国庭审公开网</a>
<a href="http://www.court.gov.cn/">最高人民法院</a>
<a href="http://zxgk.sccourt.gov.cn/webapp/area/scsfgk/index.jsp">四川法院执行公开网</a>
<a href="http://www.sccourt.gov.cn/">四川省高级人民法院</a>
<a href="http://cdfy.chinacourt.org/index.shtml">成都市中级人民法院</a>
<br />
<a href="http://www.whfy.gov.cn/">武侯区人民法院</a>
<a href="http://www.cdjnfy.gov.cn/">金牛区人民法院</a>
<a href="http://cdchfy.chinacourt.org/index.shtml">成华区人民法院</a>
<a href="http://www.qyfy.gov.cn/">青羊区人民法院</a>
<a href="http://www.jjfy.gov.cn/">锦江区人民法院</a>
<br />
<a href="http://www.xdfy.gov.cn/">新都区人民法院</a>
<a href="http://www.lqyfy.gov.cn/">龙泉驿区人民法院</a>
<a href="http://tingshen.court.gov.cn/court/3008">青白江区人民法院</a>
<a href="">成都温江区人民法院</a>
<a href="http://www.pxfy.org.cn/">成都郫都区人民法院</a>
<a href="http://cdgxfy.chinacourt.org/index.shtml">高新区人民法院</a>
<a href="http://www.slfy.gov.cn/">双流区人民法院</a>
</div>
</div>
<script>
$(function(){
$.Animate();
$.Animate({
type: 'fade',
mouseType: 'mouseover',
listBox: '#JS_slide_img'
});
});
</script>
</body>
</html>
效果如下：
扫一扫
633
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
