随心所欲的定制“弹出窗口”

常泡在网上的朋友对“弹出窗口”一定不会陌生 , 像新浪、163等网站 , 一进入首页立刻就会弹出一个窗口 , 里面通常是一些告示信息 , 或者FLASH广告等等 。其实这样的效果很容易实现 , 大家随我一起动手吧!

随心所欲的定制“弹出窗口”

文章插图
随心所欲的定制“弹出窗口”

文章插图
【随心所欲的定制“弹出窗口”】
将下面这段代码插入你的页面中 , 在页面加载时就会自动弹出一个窗口 , 并打开Google搜索引擎 , 是不是很简单啊!

将代码放置在〈!—XXX --〉中间是为了兼容较低版本浏览器的需要 , 在低版本的浏览器中标签内的内容将被视作注视 。

打开的页面使用绝对路径()或相对路径(../page.htm)都可以 。

示例代码1:

〈SCRIPT LANGUAGE="javascript"〉

〈!--

window.open(http://www.google.com);

//--〉

〈/SCRIPT〉

修饰弹出窗口

使用下面这段代码 , 我们可以对弹出窗口做更多的控制 , 包括窗口大小、窗口位置、是否带工具栏、是否可以改变大小等等 。

示例代码2:

〈script language="javascript1.2" type="text/javascript1.2"〉

var popUpWin=0;

function popUpWindow()

{

//判断该窗口(popUpWin)是否已经存在 , 如果已经存在 , 则先关闭窗口 , 然后再打开新窗口

if(popUpWin)

{

if(!popUpWin.closed) popUpWin.close();

}

//根据参数定位弹出窗口的展示位置

popUpWin = window.open(‘page.htm’, popUpWin, toolbar=no,location=no,

directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width=100,height=100,

left=100,top=100,screenX=100,screenY=100’);

}

〈/script〉


以上就是随心所欲的定制“弹出窗口” , 希望大家喜欢 , 请继续关注我们 。

    推荐阅读