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

ttx9n · 发表于 2008-9-1 14:39:09

可滚动跟随弹出框效果代码,非常实用的应用于网络广告

<!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> <script> function getPosition() { var top = document.documentElement.scrollTop; var left = document.documentElement.scrollLeft; var height = document.documentElement.clientHeight; var width = document.documentElement.clientWidth; return {top:top,left:left,height:height,width:width}; } function showPop(){ var width = 300; //弹出框的宽度 var height = 160; //弹出框的高度 var obj = document.getElementById("pop"); obj.style.display = "block"; obj.style.position = "absolute"; obj.style.zindex = "999"; obj.style.width = width + "px"; obj.style.height = height + "px"; var Position = getPosition(); leftadd = (Position.width-width)/2; topadd = (Position.height-height)/2; obj.style.top = (Position.top + topadd) + "px"; obj.style.left = (Position.left + leftadd) + "px"; window.onscroll = function (){ var Position = getPosition(); obj.style.top = (Position.top + topadd) +"px"; obj.style.left = (Position.left + leftadd) +"px"; }; } function hidePop(){ document.getElementById("pop").style.display = "none"; } </script> </head> <body> 作者：丁学－－滚动跟随 test <a href="javascript:hidePop();" href="javascript:hidePop();">hide</a> <a href="javascript:showPop()" href="javascript:showPop()">show</a> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

x20yd3qx · 发表于 2022-8-9 06:25:26

iiguuubhuiuihu

回复用户5 · 发表于 2023-1-23 00:33:51

啦啦啦啦啦啦哈哈哈

adm1n · 发表于 2023-5-13 11:09:10

1312315458748777

q215357618 · 发表于 2023-8-21 14:15:25

的谁vdvdsvdsvdsdsv

6q8s6p21 · 发表于 2023-12-1 01:18:59

抽根烟，下来看看再说

白狐软件 · 发表于 2024-2-29 13:00:44

看看看看

8ayoqrpj · 发表于 2024-4-2 14:42:49

好人好人好人好人

hd1tvqb3 · 发表于 2024-4-10 10:27:41

看到这帖子真是高兴！

shw5ovr · 发表于 2024-5-31 02:28:54

灌灌灌灌水

账号		自动登录	找回密码
密码			立即注册

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

相关帖子