jQuery 动画弹出窗体支持多种展现方式(2)


$(function(){
$("a").each(function(){
$(this).bind("click",function(){
JAlert(this,{
title : '提示窗体',
content : $("#msg")[0].outerHTML,
GetType : 'string', //controls,ajax,string,iframe
IsDrag : true,
Url : "windows.html",
Data : null,
width:300,
height:200
});
});
});
});


使用说明:
    title: 窗体标题
    content:取决于GetType属性,如果GetType='string',那么content就是要显示的内容,如果GetType='controls',那么content则为要显示的DOM对象。其它两个类型可不用填写。
    GetType:展现的四种类型:string,iframe,ajax,controls
    IsDrag:是否支持拖拽
    Url: 同样取决于GetType属性,如果GetType='ajax',那么Url就是请求的URL地址,如果GetType='iframe',那么URL就是iframe的链接地址。其它两个类型不用填写
    Data:当GetType='ajax'时,Data属性为请求的数据。
    width:显示层的宽度
    height:显示层的高度
  HTML代码

复制代码 代码如下:


<body>
<a href="javascript:void(0);">Open window</a>
<a href="javascript:void(0);">Open window</a> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="javascript:void(0);">Open window</a>
<div>&nbsp;&nbsp;&nbsp;&nbsp;欢迎访问《<a href="https://jb51.net" target="_blank">脚本之家</a>》的网站,希望与大家一起探讨技术问题,共同实现各自的梦想!<br/><br/>网址:</div>
</body>


打包下载地址

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdxpdz.html