素材牛VIP会员

基于jQuery+EasyHelper的弹出层对话框组件

 所属分类:网页特效-对话框/灯箱/提示

 浏览:641次-  下载:2次-  评论:2次-  更新时间:2018-11-23
基于jQuery+EasyHelper的弹出层对话框组件兼容IE9
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:基于jQuery+EasyHelper的弹出层对话框组件

详细介绍

注:jQuery库,要求其最低版本不得低于3.2.0

使用方法

1. 引入样式文件:

<link rel="stylesheet" href="easyhelper.min.css">

2. 引入脚本文件:

// es6-shim 针对的是不支持 es6 语法的浏览器
<script src="es6-shim.min.js"></script>
<script src="jquery-3.3.1.min.js"></script>
<script src="jquery.transit.min.js"></script>
<script src="easyhelper.min.js"></script>

3. 设置示例按钮:

<button id="open-dialog">打开对话框</button>

5. 创建对话框:

$( "#open-dialog" ).on("click", function () {
   Helper.ui.dialog({
       title: "对话框标题",
       content: "对话框内容"
   });
})

文件目录结构

  • ┝ easyhelper.min.css
  • ┝ easyhelper.min.js
  • ┝ es6-shim.min.js
  • ┝ index.html
  • ┝ jquery-3.3.1.min.js
  • ┝ jquery.transit.min.js

相关素材 - 对话框/灯箱/提示

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2
所需牛币:3 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)