<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<SCRIPT src="jquery.min.js" type=text/javascript></SCRIPT>
</head>
<body>
<div style=" background-color:#fff; width:100%; text-align:center">
<table width="1190" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="53" background="images/b1.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4%"> </td>
<td width="91%" align="left" class="bai24">成人学历</td>
<td width="5%" align="right"><a href="/info.asp?cataid=A0002" class="hei14_xi">更多</a></td>
</tr>
</table></td>
</tr>
</table>
<table width="1190" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="415" valign="top"><div class="wz1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="39%" height="112" align="center">
<script>
/**
* 鼠标移上去显示层
* @param divId 显示的层ID
* @returns
*/
$.fn.myHoverTip = function(divId) {
var div = $("#" + divId); //要浮动在这个元素旁边的层
div.css("position", "absolute");//让这个层可以绝对定位
var self = $(this); //当前对象
self.hover(function() {
div.css("display", "block");
var p = self.position(); //获取这个元素的left和top
var x = p.left + self.width();//获取这个浮动层的left
var docWidth = $(document).width();//获取网页的宽
if (x > docWidth - div.width() - 20) {
x = p.left - div.width();
}
div.css("left", x);
div.css("top", p.top);
div.show();
},
function() {
div.css("display", "none");
}
);
return this;
}
$.fn.myHoverTip2 = function(divId) {
var div = $("#" + divId); //要浮动在这个元素旁边的层
div.css("position", "absolute");//让这个层可以绝对定位
var self = $(this); //当前对象
self.hover(function() {
div.css("display", "block");
var p = self.position(); //获取这个元素的left和top
var x = p.left + self.width();//获取这个浮动层的left
var docWidth = $(document).width();//获取网页的宽
if (x > docWidth - div.width() - 20) {
x = p.left - div.width();
}
div.css("left", x);
div.css("top", p.top);
div.show();
},
function() {
div.css("display", "none");
}
);
return this;
}
$.fn.myHoverTip3 = function(divId) {
var div = $("#" + divId); //要浮动在这个元素旁边的层
div.css("position", "absolute");//让这个层可以绝对定位
var self = $(this); //当前对象
self.hover(function() {
div.css("display", "block");
var p = self.position(); //获取这个元素的left和top
var x = p.left + self.width();//获取这个浮动层的left
var docWidth = $(document).width();//获取网页的宽
if (x > docWidth - div.width() - 20) {
x = p.left - div.width();
}
div.css("left", x);
div.css("top", p.top);
div.show();
},
function() {
div.css("display", "none");
}
);
return this;
}
</script>
<style>
.receiptInfo{ display:none; width:352px; height:auto; background-color:#fff; border:1px solid #CCCCCC}
.receiptInfo a{width:100px; display:block; float:left; text-align:left; background:url(images/dot1.png) no-repeat 5px 10px; padding-left:15px; line-height:35px; color:#4FBAF4}
.receiptInfo a:hover{color:#ff0000}
/**/
#viewReInfo3 .receiptInfo3{ display:none; margin-left:-240px; width:352px; height:auto; background-color:#fff; border:1px solid #CCCCCC}
#viewReInfo3 .receiptInfo3 a{width:100px; display:block; float:left; text-align:left; background:url(images/dot1.png) no-repeat 5px 10px; padding-left:15px; line-height:35px; color:#4FBAF4}
#viewReInfo3 .receiptInfo3 a:hover{color:#ff0000}
</style>
<div id="viewReInfo"><a href="sddddd" target="_blank" class="nava"><img src="/uploadFile/14772973534225004.jpg" width="140" height="98" hspace="3" /></a>
<div id="receiptInfo" class="receiptInfo"> <a href="1">省公安厅</a><a href="2">省公安缉毒中心</a><a href="3">人事教育中心</a><a href="4">人事教育中心</a><a href="5">人事教育中心</a><a href="6">人事教育中心</a><a href="7">人事教育中心</a><a href="8">人事教育中心</a> </div>
</div><script type="text/javascript">$('#viewReInfo').myHoverTip('receiptInfo');</script></td>
<td width="61%" align="center" valign="top"><table width="96%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="newsshow.asp?id=101" target="_blank" class="hei14_bold">成人高考</a></td>
</tr>
<tr>
<td>成人高考介绍我们以一流的标准严格要求自己,以专业的水准服务学员,我们不断学习让自己更加美好...</td>
</tr>
</table></td>
</tr>
</table>
<ul><li><div id="viewReInfo3"><a href="4">div链接测试层3</a><div id="receiptInfo3" class="receiptInfo3"> <a href="1">333省公安厅</a><a href="2">33缉毒中心</a><a href="3">33教育中心</a><a href="4">人事教育中心</a><a href="5">人事教育中心</a><a href="6">人事教育中心</a><a href="7">人事教育中心</a><a href="8">人事教育中心</a></div></div><script type="text/javascript">$('#viewReInfo3').myHoverTip3('receiptInfo3');</script></li>
<li><a href="/newsshow.asp?cataid=A00020001&id=101" target="_blank" style="" title="成人高考">成人高考</a></li>
<li><a href="/newsshow.asp?cataid=A00020001&id=32" target="_blank" style="" title="冉莹颖看秀斗艳瑜伽教母 透视装大秀事业线">冉莹颖看秀斗艳瑜伽教母 透视装大秀事业线</a></li>
<li><a href="/newsshow.asp?cataid=A00020001&id=31" target="_blank" style="" title="男子8万购房款买彩票赔光">男子8万购房款买彩票赔光</a></li>
</ul>
</div></td>
<td width="414" valign="top"><div class="wz1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="39%" height="112" align="center"><div id="viewReInfo2"><a href="newsshow.asp?id=102" target="_blank"><img src="/uploadFile/14772977662674695.jpg" width="140" height="98" hspace="3" /></a><div id="receiptInfo2" class="receiptInfo"> <a href="1">地球磁场</a><a href="2">手的圩于二</a><a href="3">青年报迷离</a><a href="4">人事教育中心</a><a href="5">大是大非枯无可</a><a href="6">超大规模地域</a><a href="7">原貌上大幅度</a><a href="8">城古摇摇白热</a> </div>
</div><script type="text/javascript">$('#viewReInfo2').myHoverTip2('receiptInfo2');</script></td>
<td width="61%" align="center" valign="top"><table width="96%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="newsshow.asp?id=102" target="_blank" class="hei14_bold">中央电大</a></td>
</tr>
<tr>
<td> 近日,冉莹颖、母其弥亚等现身上海时装周看秀,冉莹颖一袭低胸透视装亮相抢尽风头,号称瑜伽教母的母其...</td>
</tr>
</table></td>
</tr>
</table>
</div></td>
<td width="361" valign="top"><div class="wz1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="39%" height="112" align="center"><a href="newsshow.asp?id=103" target="_blank"><im