html5自动弹窗 jq,jQuery弹窗插件

html5自动弹窗 jq,jQuery弹窗插件_第1张图片

3efc3516b7ecb765a1f067c294640f12.png

插件描述:支持拖拽,放大,缩小,最小化窗口的符合jquery语法规范的插件

使用方法

1.如何加载

本插件基于jquery开发,请预先加载jquery

加载css和js

2.调用此插件$("body").translucent();

如此就可以在窗口显示一个弹窗了

当然也可以加到其它指定的容器中

3.参数width: 500, //默认宽度

height: 500, //默认高度

drag: true, //启动拖拽

opacity: 0.8, //透明度

border: "1px solid #ddd",

borderRadius: 8,

backgroundColor: "rgb(225, 225, 225)", //默认背景色

titleHeight: "40px", //title高度

titleGroundColor: "#999", //title默认背景色

shadow: true, //开启阴影

positionTop: 100, //默认定位位置

positionLeft: 100,

titleText: "新建弹窗", //标题文本

titleFontSize: 12,

titleFontColor: "#000",

titleFontFamily: "微软雅黑",

textHtml: "这是一个新建的弹窗!",

titleTextCenter: false,

close: null //关闭窗口回调函数,传出参数当前弹窗的jquery dom节点,

zIndex: 10

可以通过参数改变弹窗样式位置等$("body").translucent({

width:1000,

textHtml:"

这是一个新建的弹窗!
",

titleText:"弹窗标题内容"

});

你可能感兴趣的:(html5自动弹窗,jq)