{popup}

    {popup}用来创建一个JavaScript弹出层/窗口。必需先调用{popup_init}

属性名 类型 必需? 缺省 描述
textstringYesn/a 弹出窗口中显示的文本/HTML
triggerstringNoonMouseOver 用来激发弹出窗口的机制。可以是onMouseOver或者onClick
stickybooleanNoFALSE 除非关闭,弹出框保持显示
captionstringNon/a 设置标题
fgcolorstringNon/a 弹出框内部的颜色
bgcolorstringNon/a 弹出框的边框颜色
textcolorstringNon/a 弹出框内文本的颜色
capcolorstringNon/a 弹出框标题的颜色
closecolorstringNon/a "Close"文本的颜色
textfontstringNon/a 主体文本的字体
captionfontstringNon/a 标题的字体
closefontstringNon/a "Close"文本的字体
textsizestringNon/a 主体文本的大小
captionsizestringNon/a 标题文本的大小
closesizestringNon/a "Close"文本的大小
widthintegerNon/a 框的宽度
heightintegerNon/a 框的高度
leftbooleanNoFALSE 弹出框显示在鼠标的左边
rightbooleanNoFALSE 弹出框显示在鼠标的右边
centerbooleanNoFALSE 弹出框显示在鼠标的中间
abovebooleanNoFALSE 弹出框显示在鼠标的上边。注意:只有设置了height才有用。
belowbooleanNoFALSE 弹出框显示在鼠标的下边
borderintegerNon/a 使弹出框的边框更宽或更窄
offsetxintegerNon/a 弹出框在水平方向偏移指针的量
offsetyintegerNon/a 弹出框在垂直方向偏移指针的量
fgbackgroundurl to imageNon/a 在弹出框中不用颜色而是用一个图片作为背景。
bgbackgroundurl to imageNon/a 弹出框的边框不使用颜色而是用一个图片。注意:你还要设置bgcolor为""否则该颜色还会显示。注意:如果有一个Close链接,Netscape会重新渲染该表格单元格,使得外观不正确。
closetextstringNon/a "Close"文本替换为别的文本
noclosebooleanNon/a 对于有标题且“置顶”显示的框,不显示"Close"文本。
statusstringNon/a 设置浏览器状态栏的文本
autostatusbooleanNon/a 将状态栏文本设置为弹出文本。注意:该选项将超越status的设置
autostatuscapstringNon/a 设置状态栏文本为挑剔文本。注意:该选项将超越status和autostatus设置
inarrayintegerNon/a 要求overLib根据该索引从ol_text数组(来自overlib.js)中读出文本。该参数可以用来替代text。
caparrayintegerNon/a 要求overLib根据该索引从ol_caps数组中读出标题
capiconurlNon/a 在弹出框的标题前显示该图形
snapxintegerNon/a 将弹出框在水平栅格中对齐到一个偶数位置
snapyintegerNon/a 将弹出框在垂直栅格中对齐到一个偶数位置
fixxintegerNon/a 锁定水平位置。注意:超越所有其它的水平放置
fixyintegerNon/a 锁定垂直位置。注意:超越所有其它的垂直放置
backgroundurlNon/a 不用表格框的背景而改用一个图形
padxinteger,integerNon/a 用水平空格而不是文本放置来填白背景图形。注意:这是一个双参数的命令。
padyinteger,integerNon/a 用垂直空格而不是文本放置来填白背景图形。注意:这是一个双参数的命令。
fullhtmlbooleanNon/a 允许你完全控制背景图片上的HTML。HTML代码应出现在"text"属性中。
framestringNon/a 控制弹出框在另一个框架中。关于该函数的更多信息参见overlib页。
functionstringNon/a 调用指定的JavaScript函数并将返回值作为文本显示在弹出框中。
delayintegerNon/a 使弹出框表现的象一个提示。在延迟了指定的毫秒数后再弹出。
hautobooleanNon/a 自动确定弹出框是在鼠标的左边还是右边。
vautobooleanNon/a 自动确定弹出框是在鼠标的上边还是下边。

例子8-25. {popup}

{* 本页面的顶端必需调用一次popup_init *}
{popup_init src='/javascripts/overlib.js'}

{* 在弹出框中当鼠标移过时创建一个链接 *}
<a href="mypage.html" {popup text='This link takes you to my page!'}>mypage</a>

{* 可以在弹出文本中使用HTML,链接等等 *}
<a href="mypage.html" {popup sticky=true caption='mypage contents'
text="<ul><li>links</li><li>pages</li><li>images</li></ul>"
snapx=10 snapy=10 trigger='onClick'}>mypage</a>

{* 在一个表格单元格上的弹出框 *}
<tr><td {popup caption='Part details' text=$part_long_description}>{$part_number}</td></tr>

    还有一个不错的例子可以参见{capture}页。

    参见{popup_init}以及overLib的主页。