对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引进萧边,希望能帮助你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。