海量企業(yè)網(wǎng)站模板 · 任您選擇
美出特色，精出品質(zhì)，一切為了企業(yè)更好的營銷
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w.org/1999/xhtml">
<head>
<title>仿淘寶網(wǎng)懸停在頁面固定位置的菜單窗口</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代碼加到<head>與</head>之間-->
<style type="text/css">
*{padding:0;margin:0;}
#diya{width:200px;height:100px;background:#F45;position:absolute;left:100px;top:50px;z-index:5;}
#bod{width:400px;height:400px;position:relative;overflow:auto;background:#03C;top:25px;}
</style>
</head>
<body>
<!--把下面代碼加到<body>與</body>之間-->
<div id="bod">
<div id="diya"></div>
<p style="height:2000px;"></p>
</div>
<script type="text/javascript">
function fixedTitle(con,con2){
var bod = document.getElementById(con);
var diya=document.getElementById(con2);
var Ntop=diya.offsetTop;
var tt=100;
var bid=Ntop-tt;
bod.onscroll=ss;
function ss(){
var jia=bod.scrollTop;
if(jia<=Ntop){
diya.style.top=Ntop+'px';
}else{
diya.style.top=jia+bid+'px';
}
}
}
fixedTitle("bod","diya")
</script>
</body>
</html></td>
</tr>
</table>
