popup

优质
小牛编辑
125浏览
2023-12-01

Attribute NameTypeRequiredDefaultDescription
textstringYesn/athe text/html to display in the popup window
triggerstringNoonMouseOverWhat is used to trigger the popup window. Can be one of onMouseOver or onClick
stickybooleanNofalseMakes the popup stick around until closed
captionstringNon/asets the caption to title
fgcolorstringNon/acolor of the inside of the popup box
bgcolorstringNon/acolor of the border of the popup box
textcolorstringNon/asets the color of the text inside the box
capcolorstringNon/asets color of the box's caption
closecolorstringNon/asets the color of the close text
textfontstringNon/asets the font to be used by the main text
captionfontstringNon/asets the font of the caption
closefontstringNon/asets the font for the "Close" text
textsizestringNon/asets the size of the main text's font
captionsizestringNon/asets the size of the caption's font
closesizestringNon/asets the size of the "Close" text's font
widthintegerNon/asets the width of the box
heightintegerNon/asets the height of the box
leftbooleanNofalsemakes the popups go to the left of the mouse
rightbooleanNofalsemakes the popups go to the right of the mouse
centerbooleanNofalsemakes the popups go to the center of the mouse
abovebooleanNofalsemakes the popups go above the mouse. NOTE: only possible when height has been set
belowbooleanNofalsemakes the popups go below the mouse
borderintegerNon/amakes the border of the popups thicker or thinner
offsetxintegerNon/ahow far away from the pointer the popup will show up, horizontally
offsetyintegerNon/ahow far away from the pointer the popup will show up, vertically
fgbackgroundurl to imageNon/adefines a picture to use instead of color for the inside of the popup.
bgbackgroundurl to imageNon/adefines a picture to use instead of color for the border of the popup. NOTE: You will want to set bgcolor to "" or the color will show as well. NOTE: When having a Close link, Netscape will re-render the table cells, making things look incorrect
closetextstringNon/asets the "Close" text to something else
noclosebooleanNon/adoes not display the "Close" text on stickies with a caption
statusstringNon/asets the text in the browsers status bar
autostatusbooleanNon/asets the status bar's text to the popup's text. NOTE: overrides status setting
autostatuscapstringNon/asets the status bar's text to the caption's text. NOTE: overrides status and autostatus settings
inarrayintegerNon/atells overLib to read text from this index in the ol_text array, located in overlib.js. This parameter can be used instead of text
caparrayintegerNon/atells overLib to read the caption from this index in the ol_caps array
capiconurlNon/adisplays the image given before the popup caption
snapxintegerNon/asnaps the popup to an even position in a horizontal grid
snapyintegerNon/asnaps the popup to an even position in a vertical grid
fixxintegerNon/alocks the popups horizontal position Note: overrides all other horizontal placement
fixyintegerNon/alocks the popups vertical position Note: overrides all other vertical placement
backgroundurlNon/asets image to be used instead of table box background
padxinteger,integerNon/apads the background image with horizontal whitespace for text placement. Note: this is a two parameter command
padyinteger,integerNon/apads the background image with vertical whitespace for text placement. Note: this is a two parameter command
fullhtmlbooleanNon/aallows you to control the html over a background picture completely. The html code is expected in the "text" attribute
framestringNon/acontrols popups in a different frame. See the overlib page for more info on this function
timeoutstringNon/acalls the specified javascript function and takes the return value as the text that should be displayed in the popup window
delayintegerNon/amakes that popup behave like a tooltip. It will popup only after this delay in milliseconds
hautobooleanNon/aautomatically determine if the popup should be to the left or right of the mouse.
vautobooleanNon/aautomatically determine if the popup should be above or below the mouse.

属性类型是否必须缺省值描述
textstringYesn/a弹出窗口中要显示的内容,文本或超文本
triggerstringNoonMouseOver触发弹出窗口的条件,可选择onMouseOver(鼠标经过)或onClick(鼠标单击)
stickybooleanNofalse弹出窗口始终显示,直到关闭
captionstringNon/a标题文本内容
fgcolorstringNon/a弹出窗口内部颜色
bgcolorstringNon/a弹出窗口边框颜色
textcolorstringNon/a弹出窗口内部文字颜色
capcolorstringNon/a弹出窗口标题颜色
closecolorstringNon/a设置"关闭"文本信息的颜色
textfontstringNon/a设置内容文本使用的字体类型
captionfontstringNon/a设置标题文本的字体
closefontstringNon/a设置"关闭"文本信息的字体类型
textsizestringNon/a设置内容文本使用的字体大小
captionsizestringNon/a设置标题文本使用的字体大小
closesizestringNon/a设置"关闭"文本信息的字体大小
widthintegerNon/asets the width of the box设置宽度
heightintegerNon/asets the height of the box设置高度
leftbooleanNofalse使弹出窗口位于鼠标左侧
rightbooleanNofalse使弹出窗口位于鼠标右侧
centerbooleanNofalse

使弹出窗口的中间位置和鼠标位置重合

abovebooleanNofalse使弹出窗口位于鼠标上侧. 注: 仅在设置了height属性时有效
belowbooleanNofalse使弹出窗口位于鼠标下侧
borderintegerNon/a决定弹出窗口的边框厚度
offsetxintegerNon/a横向显示位置偏移量
offsetyintegerNon/a纵向显示位置偏移量
fgbackgroundurl to imageNon/a使用背景图片代替背景颜色
bgbackgroundurl to imageNon/a

使用背景图片代替边框颜色. 注1: 必须设置bgcolor为"",边框颜色才不会显示. 注2: 当有关闭链接时,Netscape会重新渲染表格,看起来可能会有点问题.

closetextstringNon/a自定义关闭链接显示文本
noclosebooleanNon/a不显示关闭链接
statusstringNon/a设置状态栏显示的文本
autostatusbooleanNon/a设置弹出窗口状态栏显示的文本为当前窗口状态栏显示的文本. 注: 该设置将覆盖status的设置
autostatuscapstringNon/a设置状态栏显示的文本为标题栏显示的信息. 注: 该设置将覆盖status和autostatus设置
inarrayintegerNon/a该属性告诉overLib在ol_text数组中读该属性指定的索引的元素到text中. 该属性可以代替text属性
caparrayintegerNon/a该属性告诉overLib在ol_caps数组中读该属性指定的索引的元素到caption中.
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文档.
timeoutstringNon/a调用特定javascript脚本函数,将返回值显示在弹出窗口中.
delayintegerNon/a使得弹出窗口像一个工具提示,窗口将显示到该属性指定的时间(毫秒)
hautobooleanNon/a自动决定弹出窗口位于鼠标的左侧或右侧.
vautobooleanNon/a自动决定弹出窗口位于鼠标的上侧或下侧.

popup is used to create javascript popup windows.

popup 用于创建javascript弹出窗口.

Example 8-17. popup
例 8-17. popup 函数演示

{* popup_init must be called once at the top of the page *}
{popup_init src="/javascripts/overlib.js"}
{* create a link with a popup window when you move your mouse over *}
<A href="mypage.html" {popup text="This link takes you to my page!"}>mypage</A>
{* you can use html, links, etc in your popup text *}
<A href="mypage.html" {popup sticky=true caption="mypage contents"
text="<UL><LI>links<LI>pages<LI>images</UL>" snapx=10 snapy=10}>mypage</A>