制作多彩的弹出式窗口 | |
有时候我们要用到弹出窗口,这时只要我们一进入这个页面,就会弹出一个窗口,其实要制作这样的弹出窗口 真的非常的容易,这里象大家介绍多种适合不同弹出窗口的制作方法: | |
制作方法 | |||
方法1:将下面的代码复制到<head>~</head>里 | |||
备注:方法1 为弹出整页窗口,注意修改文件链接路径 | |||
方法2:将下面的代码复制到<head>~</head>里 | |||
备注:方法2
为能设定弹出窗口的外观,尺寸大小及弹出的位置的制作方法 height=200 弹出窗口高度; width=320 弹出窗口宽度; top=0 弹出窗口距离屏幕上方的象素值; left=24 窗口距离屏幕左侧的象素值; toolbar=no 弹出窗口是否显示工具栏,yes为显示; menubar,scrollbars 控制弹出窗口的菜单栏和滚动栏的显示。 resizable=no 是否允许改变弹出窗口大小,yes为允许; location=no 弹出窗口是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; | |||
方法3:将下面的代码复制到<head>~</head>里 | |||
备注:方法3 为弹出两个能设定弹出窗口的外观,尺寸大小及弹出的位置的制作方法 注意:用top 和left 控制一下弹出的位置不要相互覆盖,相关的参数设置同方法2 一样 | |||
方法4:将下面的代码复制到<head>~</head>里 | |||
备注:方法4
你不但可以定制窗口大小,你还可以根据自己的需要改成你自己的说明: popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto'); /*width和height是窗口的大小,你可以根据自己的需要进行调整; resizable是控制窗口大小是否根据文字多少变化,值为0就固定了,为1可以变化; scrollbars是控制滚动条的。 | |||
方法5:第一步:将下面的代码复制到<head>~</head>里 | |||
方法5:第二步:将下面的代码复制到<body>里 | |||
备注:此方法为使用cookie 来控制控制你的弹出窗口只弹出一次。 | |||
至此你就可以完成这个实例了,快去试试吧! |
相关信息 | |
收集者:一豪 | |
时 间:2001年11月5日 |