javascript用DIV模拟弹出窗口_窗体滚动跟随

<!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" lang="zh-CN"> 
<head> 
<title>可滚动跟随弹出框效果代码——管理资源吧</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afunction%20getPosition()%20%7B%20%0D%0Avar%20top%20%3D%20document.documentElement.scrollTop%3B%20%0D%0Avar%20left%20%3D%20document.documentElement.scrollLeft%3B%20%0D%0Avar%20height%20%3D%20document.documentElement.clientHeight%3B%20%0D%0Avar%20width%20%3D%20document.documentElement.clientWidth%3B%20%0D%0Areturn%20%7Btop%3Atop%2Cleft%3Aleft%2Cheight%3Aheight%2Cwidth%3Awidth%7D%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20showPop()%7B%20%0D%0Avar%20width%20%3D%20300%3B%20%2F%2F%E5%BC%B9%E5%87%BA%E6%A1%86%E7%9A%84%E5%AE%BD%E5%BA%A6%20%0D%0Avar%20height%20%3D%20160%3B%20%2F%2F%E5%BC%B9%E5%87%BA%E6%A1%86%E7%9A%84%E9%AB%98%E5%BA%A6%20%0D%0Avar%20obj%20%3D%20document.getElementById(%22pop%22)%3B%20%0D%0A%0D%0Aobj.style.display%20%3D%20%22block%22%3B%20%0D%0Aobj.style.position%20%3D%20%22absolute%22%3B%20%0D%0Aobj.style.zindex%20%3D%20%22999%22%3B%20%0D%0Aobj.style.width%20%3D%20width%20%2B%20%22px%22%3B%20%0D%0Aobj.style.height%20%3D%20height%20%2B%20%22px%22%3B%20%0D%0A%0D%0Avar%20Position%20%3D%20getPosition()%3B%20%0D%0Aleftadd%20%3D%20(Position.width-width)%2F2%3B%20%0D%0Atopadd%20%3D%20(Position.height-height)%2F2%3B%20%0D%0Aobj.style.top%20%3D%20(Position.top%20%2B%20topadd)%20%2B%20%22px%22%3B%20%0D%0Aobj.style.left%20%3D%20(Position.left%20%2B%20leftadd)%20%2B%20%22px%22%3B%20%0D%0A%0D%0Awindow.onscroll%20%3D%20function%20()%7B%20%0D%0Avar%20Position%20%3D%20getPosition()%3B%20%0D%0Aobj.style.top%20%3D%20(Position.top%20%2B%20topadd)%20%2B%22px%22%3B%20%0D%0Aobj.style.left%20%3D%20(Position.left%20%2B%20leftadd)%20%2B%22px%22%3B%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20hidePop()%7B%20%0D%0Adocument.getElementById(%22pop%22).style.display%20%3D%20%22none%22%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
作者：丁学－－滚动跟随 
<div id="pop" style="border:1px solid #CCC;display:none;">test <a href="javascript:hidePop();" _ewebeditor_ta_href="javascript%3AhidePop()%3B" href="javascript:hidePop();">hide</a></div> 
 
<a href="javascript:showPop()" _ewebeditor_ta_href="javascript%3AshowPop()" href="javascript:showPop()">show</a> 
 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程