`
java_frog
  • 浏览: 253178 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

popup的javascript弹出窗口的实现

阅读更多
popup is used to create javascript popup windows.

popup 用于创建javascript弹出窗口.

{* 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>

方法:属性 类型 是否必须 缺省值 描述
text string Yes n/a 弹出窗口中要显示的内容,文本或超文本
trigger string No onMouseOver 触发弹出窗口的条件,可选择onMouseOver(鼠标经过)或onClick(鼠标单击)
sticky boolean No false 弹出窗口始终显示,直到关闭
caption string No n/a 标题文本内容
fgcolor string No n/a 弹出窗口内部颜色
bgcolor string No n/a 弹出窗口边框颜色
textcolor string No n/a 弹出窗口内部文字颜色
capcolor string No n/a 弹出窗口标题颜色
closecolor string No n/a 设置"关闭"文本信息的颜色
textfont string No n/a 设置内容文本使用的字体类型
captionfont string No n/a 设置标题文本的字体
closefont string No n/a 设置"关闭"文本信息的字体类型
textsize string No n/a 设置内容文本使用的字体大小
captionsize string No n/a 设置标题文本使用的字体大小
closesize string No n/a 设置"关闭"文本信息的字体大小
width integer No n/a sets the width of the box设置宽度
height integer No n/a sets the height of the box设置高度
left boolean No false 使弹出窗口位于鼠标左侧
right boolean No false 使弹出窗口位于鼠标右侧
center boolean No false 使弹出窗口的中间位置和鼠标位置重合

above boolean No false 使弹出窗口位于鼠标上侧. 注: 仅在设置了height属性时有效
below boolean No false 使弹出窗口位于鼠标下侧
border integer No n/a 决定弹出窗口的边框厚度
offsetx integer No n/a 横向显示位置偏移量
offsety integer No n/a 纵向显示位置偏移量
fgbackground url to image No n/a 使用背景图片代替背景颜色
bgbackground url to image No n/a 使用背景图片代替边框颜色. 注1: 必须设置bgcolor为"",边框颜色才不会显示. 注2: 当有关闭链接时,Netscape会重新渲染表格,看起来可能会有点问题.

closetext string No n/a 自定义关闭链接显示文本
noclose boolean No n/a 不显示关闭链接
status string No n/a 设置状态栏显示的文本
autostatus boolean No n/a 设置弹出窗口状态栏显示的文本为当前窗口状态栏显示的文本. 注: 该设置将覆盖status的设置
autostatuscap string No n/a 设置状态栏显示的文本为标题栏显示的信息. 注: 该设置将覆盖status和autostatus设置
inarray integer No n/a 该属性告诉overLib在ol_text数组中读该属性指定的索引的元素到text中. 该属性可以代替text属性
caparray integer No n/a 该属性告诉overLib在ol_caps数组中读该属性指定的索引的元素到caption中.
capicon url No n/a 弹出前先显示该图象
snapx integer No n/a 横向将弹出窗口附着于指定位置
snapy integer No n/a 纵向将弹出窗口附着于指定位置
fixx integer No n/a 锁定弹出窗口的横向位置. 注: 该设置将覆盖其它横向设置
fixy integer No n/a 锁定弹出窗口的纵向位置. 注: 该设置将覆盖其它纵向设置
background url No n/a 设置图象作为输出表格区块的背景
padx integer,integer No n/a 在背景图象后附加横向空白. 注: 该属性有两个参数
pady integer,integer No n/a 在背景图象后附加纵向空白. 注: 该属性有两个参数
fullhtml boolean No n/a 允许用户完全控制背景图片上的HTML. HTML代码位于"text"属性中
frame string No n/a 控制弹出窗口在不同的框架中. 关于此函数更多详细信息,请查阅overlib文档.
timeout string No n/a 调用特定javascript脚本函数,将返回值显示在弹出窗口中.
delay integer No n/a 使得弹出窗口像一个工具提示,窗口将显示到该属性指定的时间(毫秒)
hauto boolean No n/a 自动决定弹出窗口位于鼠标的左侧或右侧.
vauto boolean No n/a 自动决定弹出窗口位于鼠标的上侧或下侧.
分享到:
评论

相关推荐

    jQuery popup javascript 弹出窗口

    总的来说,jQuery popup javascript弹出窗口的实现涉及到JavaScript编程、CSS样式设计、事件处理、浏览器兼容性优化等多个方面,是一个综合性的网页开发任务。通过研究提供的文件,可以深入理解这些技术的结合应用。

    JAVASCRIPT弹出DIV层窗口实例

    这两个函数通过改变`&lt;div id="popup"&gt;`的`display`样式属性,实现了弹出窗口的显示和隐藏。当用户点击按钮时,`onclick`事件会触发相应的JavaScript函数,执行相应操作。 为了增强用户体验,我们还可以添加一些动画...

    使用ArcGISAPI实现多个弹窗弹出;多个Popup窗体弹出,亲测可用。

    本篇将详细讲解如何使用ArcGIS API 实现多个弹窗(Popup)的弹出功能,这对于展示地图上的详细信息、提供用户交互体验至关重要。 首先,ArcGIS API 提供了Popup类,用于在地图上创建弹窗。Popup对象可以包含图层的...

    JavaScript弹出窗口DIV层效果代码

    ### JavaScript弹出窗口DIV层效果代码详解 在现代网页设计中,弹出窗口或模态框(Modal)是一种常见的交互模式,用于展示额外的信息、表单或其他内容,而不需重新加载整个页面。本文将深入解析如何使用纯JavaScript...

    点击按钮弹出窗口

    3. **创建弹出窗口**:弹出窗口的实现方式有很多种。一种常见的方式是使用HTML5的`&lt;dialog&gt;`元素,或者通过CSS创建一个模态框(modal)。这里我们用CSS和HTML创建一个简单的模态框: ```html &lt;div id="popup" ...

    JavaScript弹出窗口及与父窗口交互

    这篇文章将指导你如何在ASP.NET环境中创建一个JavaScript弹出窗口,并实现弹出窗口与调用窗口之间的通信,包括值的传递以及如何模拟触发调用窗口上的按钮点击事件。此外,文章还会涉及MultiView控件和带分页的...

    基于Jquery的Javascript弹出窗口

    【基于Jquery的Javascript弹出窗口】是一种在网页中实现交互式信息提示的技术,它能够以更为优雅的方式替代传统的浏览器alert、confirm和prompt对话框。Jquery是一个强大的JavaScript库,它简化了DOM操作,事件处理...

    弹出窗口效果

    "jQuery + CSS 实现绚丽的弹出窗口效果"这个主题涉及到两个关键的技术:JavaScript 库 jQuery 和样式语言 CSS。它们共同作用,使得弹出窗口不仅具有基本的显示功能,还能实现丰富的动态效果和视觉吸引力。 首先,...

    popup 弹出框 js

    本篇文章将深入探讨`popup`弹出框的实现方式、设计原则以及JavaScript在创建弹出框中的作用。 一、JavaScript与Popup弹出框 JavaScript(JS)是网页开发中的重要脚本语言,它可以动态地改变网页内容和行为,包括...

    js-弹出窗口

    总结,创建一个简单的JavaScript弹出窗口涉及HTML结构的构建、CSS样式的设定以及JavaScript事件处理的编写。通过合理组合这些元素,我们可以创建出既有视觉吸引力又具有良好交互性的弹出窗口。在这个案例中,"弹出...

    popup MSN 风格的消息弹出窗口

    在ASP.NET开发中,实现这种Popup MSN风格的弹出窗口主要涉及到以下几个关键技术点: 1. **JavaScript/jQuery**: 通常,弹出窗口的动态显示和隐藏是通过客户端脚本实现的。JavaScript或jQuery库可以帮助我们在用户...

    百度的弹出窗口

    在这里,我们将深入探讨JavaScript弹出窗口的原理、实现方式以及可能涉及到的`popup.js`和`PopupsUtil.js`这两个文件的角色。 首先,JavaScript弹出窗口通常通过以下几种方式创建: 1. `window.alert()`: 这个函数...

    javascript点击弹出窗口.zip

    总之,这个压缩包提供了从基础到高级的JavaScript弹出窗口实现示例,结合HTML5和AJAX技术,以及CSS样式和图像资源。开发者可以根据自身需求对这些代码进行二次修改,以适应不同项目的需求。无论是学习JavaScript交互...

    用DIV实现弹出窗口.pdf

    在 DIV 实现弹出窗口技术中,我们可以使用多种方式来显示弹出窗口,例如,可以使用 JavaScript 代码来动态创建 DIV 元素,然后将其追加到页面上;或者,可以使用 CSS 代码来设置弹出窗口的样式和布局。 在本文中,...

    jquery的一个弹出窗口

    本文将深入探讨如何使用jQuery实现一个弹出窗口,并基于提供的标题和描述来构建相关知识点。 首先,我们要了解jQuery弹出窗口的基本概念。这种弹出窗口通常被称为模态对话框或模态窗口,它会在用户与网页其他部分...

    jquery自定义弹出窗口

    本文将详细讲解如何使用jQuery实现自定义弹出窗口,以替代原生的`window.open`方法,并且能返回参数,增强用户体验。 ### 1. jQuery弹出窗口基础 jQuery自定义弹出窗口的核心是通过CSS和JavaScript来创建一个新的...

    js 自动弹出窗口 下来菜单效果

    通过上述分析,我们可以看到“js自动弹出窗口下来菜单效果”是通过精心设计的JavaScript代码实现的,它不仅能够动态生成下拉菜单,还能根据用户的选择自动打开相应的URL。这一功能在实际应用中非常实用,尤其是在...

    17、Jquery支持自定义弹出窗口插件

    本主题将深入探讨如何使用jQuery实现自定义弹出窗口插件,这对于创建交互式用户界面至关重要。 首先,我们需要理解什么是弹出窗口。弹出窗口通常是在主页面上覆盖一层半透明或全屏的元素,用来显示额外的信息、提示...

    JavaScript 弹出半透明窗口

    3. **JavaScript逻辑**:使用JavaScript来控制弹出窗口的显示和隐藏。可以添加事件监听器来响应用户的操作,如点击按钮关闭窗口。以下是一个简单的示例: ```javascript document.getElementById('close_popup')....

    jquery实现弹出窗口

    "jquery实现弹出窗口"这个主题涉及到的是使用jQuery来创建一个弹出对话框,通常用于显示警告、确认信息或者进行用户交互,如注册过程中的表单填写。在描述中提到的“注册时弹出框效果”可能是指在用户尝试注册新账户...

Global site tag (gtag.js) - Google Analytics