对jQuerySimpleModal插件使用介绍

SimpleModal是一个轻量级的jQuery插件,开发一个功能强大的接口提供了一个模式对话框是模态对话框box.simplemodal框架允许您灵活地建立任何跨浏览器的问题,你可以设想和屏蔽相关。

(0)在前面写



三的兼容性,如jQuery,SimpleModal,和浏览器,不仅在报纸上的错误,而且在影响结果不预期。



告诉我关于我的环境



jquery-1.8.3.js



jquery.simplemodal.js 1.4.4



chrome49



去官方网站下载SimpleModal,可以省去很多麻烦,比如相同的名称,但内容是不一样的,说多了都是眼泪。



(1)快速启动



进口订单








下面的代码并将其粘贴到HTML文件中




嗯,你可以继续找。
关闭




如果你看到在浏览器视口中的LOL元素的位置在中间,上下居中,点击关闭按钮隐藏浏览器,没有错误,可以继续。



(1)详细介绍



继续以前的观点,这不是jQuery官方网站。



说一些更普通、更新鲜、更明白的东西,你可以做大部分的工作,知道如何找出你不知道的东西。



感兴趣的小伙伴可以通过调试看到元素信息。



(a)美元模式




元模式(123);


看看你自己的效果



(b)传递参数



它可以用这种方式使用。


$(# LOL)模态({ })。


下面的参数可以放在对象中,列表不限于以下参数



位置:{ 0}



数组可以放在两个参数中,指定顶部、左边的值(不是LOL)。



只有一次,指定顶部



overlayid:'osx-overlay,

不透明性:75,

overlayclose:真,



overlayid:'osx-overlay'specifies的div的框架自动生成的ID名字SimpleModal。你会得到控制。注意,您需要手动添加此样式,最好给他分配一个非白色背景色。



透明度的内容当元素显示不透明度:75 OSX覆盖



当overlayclose:真正的OSX覆盖时,元素是否是回到以前的状态,这种现象是由LOL的元素是不可见的。



OnOpen:

OnClose:



这两个属性可以绑定函数,覆盖默认显示,关闭函数。



(c)不显示



SampleModal自动绑定和关闭包含类SimpleModal密切的元素,如




关闭


(2)综合实践



风格风格



# OSX覆盖
{
背景颜色:黑色;
}



身体区域(包括JS)




一阵龙卷风
关闭



$(函数())
{
$(# LOL的模态({)。
位置:{ 0},
overlayid:'osx-overlay,
不透明性:75,
位置:{ 0},
overlayclose:真,
});
});



以上是jQuery插件介绍SimpleModal引进萧边,希望能帮助你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。