iziModal.js 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
iziModal.js 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
iziModal.js 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
iziModal.js 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
iziModal.js 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 Apache
操作系统 跨平台
软件类型 开源软件
所属分类 jQuery 插件jQuery UI框架
开源组织
地区 不详
提 交 者 局长
适用人群 未知
收录时间 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');
});
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (1)

加载中
可以代写脚本吗
2019/10/17 00:33
回复
举报
更多评论
暂无内容
发表了博客
2018/04/28 23:11

[js]javascript索引

js&jq总结的还是挺棒的: http://www.cnblogs.com/yuanchenqi/articles/5980312.html http://www.cnblogs.com/yuanchenqi/articles/6070667.html 我学了很久没把js学会, 我发现我的路子错了, 一开始就追求大而全.....累死... 好办法应该是迭代式更新知识点.... ECMAScript(4,5) 目前学的是es5 es6其实是ECMAScript 2015. mvc模式和mvvm模式及vue学习思路 - 前端工作的日常: 拿到ui设计图: 切图--> html+css静态布局-->js写一下动...

0
2
发表了博客
2018/09/04 17:47

JS(JavaScript)初始

day43 JS初识 今日内容: HTML: 文档结构 CSS: 修改文档的外观样式 JS:实现页面上的动态 JS文件的引入方式:   1.script标签内写代码 <script> //在这里写你的代码 </script>   2.引入额外的JS文件 <script src="myscript.js"></script>   3.注释(注释是代码之母) // 这里是单行注释 /* 这里是多行注释 */   4.结束符号 JavaScript中的语句要以分号( ; ) 为结束符. 1.JS的历史及ECMAScript   JS ----> Ja...

0
0
发表了博客
2018/06/27 15:45

[JavaScript]-JavaScript的this原理.

#### 一、问题的由来 学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。 ```js var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二 foo() ``` 上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。 ```js var obj = { foo: function () { console.log(this.bar) }, bar: 1 }; var foo = obj.foo; var bar = 2; obj.foo() // 1...

3
25
发表了博客
2019/08/30 13:29

JavaScript(js)笔记

js注释 JavaScript注释与Java注释相同 // 单行注释 /* 多行注释 */ js五大基本类型:   number(数值型)、string(字符串性)、boolean(布尔型)、undefined类型、null类型 number包括:数值类型、包含整型、浮点型、NaN和Infinity(无穷大)。 关于数组的空间长度问题:   如何获取数组的空间长度:     通过length属性获取数组的空间长度   数组的length详解:     java:只读属性      js:读写属...

0
2
发表了博客
2019/06/05 00:00

JS|JavaScript库

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 问题描述 在使用JavaScript的时候,为了更加方便快捷的完成一些项目,通常会引用一些框架(库)。目前广受欢迎的库有:jQuery、Prototype、MooTools。所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理。 jQuery jQuery是一个轻量级的JavaScript库,它包含以下功能:H...

0
0
2019/06/26 10:23

javascript规范(js)

EMCAScript规范 javascript语言实现,ES6规范(使用babel编译器将es6转换为es5,webpack只支持部分es6): import "jquery"; //返回function export function doStuff() {} module "localModule" {} es5: var o = require('s.js'); export default只有一个,export可以有多个 commonjs规范 nodejs语言实现 require("module"); require("../file.js"); //require返回对象 object exports.doStuff = function() {}...

0
0
2014/11/07 14:33

js 封装 js

define(['jquery'], function($) { var orderSummary = { $el: $('.summary-totals'), updateUrl : '../checkout/orderSummaryContentJson.jsp', cartRemoveUpdateUrl : '../cartridges/cart/subTotalContainer.jsp', orderComfirmSummaryUrl : '../checkout/orderReviewInfoSummaryContainer.jsp', bindChange : function() { this.$el = $('.summary-totals'); if($('.js-estimated').length) { $('.js-estimated').off('chan...

0
0
发表了博客
2014/09/26 16:08

Javascript---Javascript简介

javascript 是一门面向对象的动态语言。虽然在字面中带有java的字样但是千万不能和java混淆。 javascript的主要运用在web开发中,做交互方面的开发让交互变得更加的有意思和人性化。 —————————————————————————————————————————————————————————————————————— 一、提出如下的问题; 1、ECMASCRIPT是什么? 2、javascript和ECMAScript之间的关系? --->EC...

0
1
发表了博客
2019/04/02 15:17

浅谈JS之text/javascript和application/javascript

问题描述: JS在IE8以下浏览器运行异常 代码: <script>标签是这样子写的: <script type="application/javascript"> //执行语句 </script> 这是书写的时候Dreamweaver自动补全的。但是在自己运行的例子中我的script标签写的是: <script type="text/javascript"> //执行语句 </script> 将项目中的标签type属性修改成了text-javascript,然后,然后在IE8一下就可以运行了。 拓展: 最实用的用法,现在各大浏览器已经...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
1 评论
9 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部