弹出层

简介

一个基于jQuery的弹出层。支持拖拽、锁屏,支持内容为文字,图片,URL!可以兼容主流浏览器(ie6~8、火狐)通过本插件可以完成以下功能:

  •  弹出文本信息提示;
  •  弹出图片;
  •  加载一个页面到框架显示; 
  •  其他;

控件的版本:ver1.0

 

项目使用实例

在附件中有较多使用场景,请下载查看

运行效果如下图:

 

 

使用方法

1,  tipswindown.js拷贝到Web站点下;

2,  在页面中添加tipswindownJS引用;

3,  在页面需调用方法控件上添加的调用事件,例如下面的代码:

  <span class="red2" id="czkh" style="cursor:pointer" onclick="showDig();">载入</span>;

    var win;
    function showDig() {
        win = new tipsWindown("标题", "id:DivSerachFund", "650", "210", "true", "", "true", "text", closeFunction);
    }

 

注意事项

  • 加 载一个页面到框架显示时需要注意浏览器的兼容性,以IE6为例,在调用的时候避免使用
      <a onclick=
    showDig (); href=#>样例</a>或者
      <a onclick=
    showDig (); href=javascript:void(0);>样例</a>
    否则降出现调用显示异常。

源码说明

Tipswindown.js文件我们有完全代码,可以根据具体实际情况酌情修改,以适应不用场景的需要。

注:参数说明;

 

 

顺序

参数

功能

备注

1

title

弹出层的标题

必填,纯文本

2

content

弹出层的内容

text

文本内容

id

页面里某id的子标签

img

图片

url

get或post某一页面里的html,该页面要求只包含body的子标签

iframe

目标地址在框架显示

3

width

弹出层的宽

必填,比如“200”。(不需要带px)

4

height

弹出层的高

同 width

5

drag

是否可拖动

必填,可选参数(true,false)

6

time

自动消失时间

可不填,默认不自动关闭;参数可为空("")

7

showbg

是否显示遮罩层

可不填,默认不显示(此项如填了,它前面的time也必须要填)

8

cssName

弹出层附加样式名

   

Last edited Mar 30, 2011 at 9:12 AM by 4480867, version 2

Comments

No comments yet.