jQuery 的 Modal 插件 iziModal.js

Apache
跨平台
2016-09-26
局长

你与数据分析专家,只差一个强大的数据库引擎!>>>

iziModal.js,是一个优雅的,响应式的,灵活和轻便的jQuery插件。

运行效果:

示例代码:

引入CSS文件

<!-- <link rel="stylesheet" href="iziModal.min.css"> -->

引入js文件

<!-- <script src="iziModal.min.js" type="text/javascript"></script> -->

HTML文件

<!-- Trigger to open Modal -->
<a href="https://github.com/dolce/iziModal" class="trigger">Modal</a>
<!-- Modal structure -->
<div id="modal">
    <!-- Page content -->
</div>

初始化

$("#modal").iziModal();

打开Modal的事件

$(document).on('click', '.trigger', function (event) {
    event.preventDefault();
    $('#modal').iziModal('open');
});
的码云指数为
超过 的项目
加载中
此软件有 1 条评论,请先登录后再查看。

暂无资讯

暂无问答

javascript:;与javascript:void(0);

有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法 href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨...

2019/09/27 10:23
71
0
JavaScript初探 一(认识JavaScript)

JavaScript 初探 JavaScript插入HTML中 内嵌的Js代码 <!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title> JS </title> <script type="text/javascript"> ...

2019/06/18 18:54
89
0
JavaScript:JSON 和 JS 对象

区别 JSON(JavaScript Object Notation)仅仅是一种数据格式(或者叫数据形式)。数据格式其实就是一种规范,按照这种规范来存诸和交换数据。就好像 XML 格式一样。 区别 Json Javascript对...

2019/05/07 22:51
58
1
JavaScript(js)笔记

js注释 JavaScript注释与Java注释相同 // 单行注释 /* 多行注释 */ js五大基本类型:   number(数值型)、string(字符串性)、boolean(布尔型)、undefined类型、null类型 numb...

2019/08/30 13:29
69
0
Cocos2d-JS中JavaScript继承

JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求。由于Cocos2d-JS引擎是从Cocos2d-x演变而来的,在Cocos2d-J...

2015/03/17 08:15
97
0
js缓存问题,修改js后代码不生效

问题描述   最近在上线新版本项目的时候,发现有的用户的操作还是调用的老版本JS里面的内容,这样就造成原来新的JS里面加上的限制不能限制用户的操作,从而导致用户可以重复操作。 问题产生...

2019/04/08 13:40
56
0
用JavaScript实现JavaScript文件的版本管理和加载

受《大公司怎样开发和部署前端代码?》这篇文章的启发,结合自己的项目实践,创建了一套JavaScript文件的版本管理和加载的机制,虽然比较粗糙,但是解决了不少实际的问题。

2015/04/14 12:40
1.8K
0
JS-JAVASCRIPT的eval()方法

Lodop的传统模版是JS语句,如果储存的这种JS模版,可用javascript的eval()方法获取,该方法属于JS的范畴,并不是lodop语句,由于这个方法很多程序员可能不常用,对于这个JS方法不是特别了解,...

2019/03/07 15:40
26
0
JavaScript Thread.Sleep()

What is the JavaScript version of sleep()? Since 2009 when this question was asked, JavaScript has evolved significantly. All other answers are now obsolete or overly complicate...

2019/07/12 17:00
58
0
JavaScript 语句解析

在 HTML 中,JavaScript 语句是由 web 浏览器“执行”的“指令”。 实例 var x, y, z; // 语句 1 x = 22; // 语句 2 y = 11; // 语句 3 z = x + y; // 语句 4 JavaSc...

2019/10/02 09:22
33
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部