Txbb.Pop 同学帮帮弹出层类组件,简洁.无依赖,使用 CSS3 实现动画效果. 为什么要再造一遍轮子 弹出层是常见的业务场景,而且弹出层的业务场景很简单,没必要使用大而全的库,并且,我们经常会有 层上层 这种情况,因此笔者写了两个功能,toast及modal. 包含两个业务点 toast 和 modal API toast Txbb.Pop('toast', text); modal Txbb.Pop('modal', options); options body: 显示内容,可以是纯字符…
<div class="alert_wapper"> <div class="wapper"> <!--内容 --> </div> </div> <style> .alert_wapper{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0…
html: <!DOCTYPE html> <html> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"…
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效果. 1.1.优点 不需要插件支持 优秀的用户体验 提高Web程序的性能 减轻服务器和带宽的负担 1.2.缺点 浏览器对XMLHttpRequest对象的支持度不足,几乎所有浏览器现在都支持 破坏浏览器“前进”.“后退”按钮的正常功能,可以通过简单的插件弥补 对搜索引擎的支持不足 1.3.jQuer…
jquery制作弹出层带遮罩效果,点击阴影部分层消失. 整体还是比较简单的. HTML代码很简单 <a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery点我弹出</a> <div id="myModal" class="reveal-modal"&g…
//图片类快捷弹出层 <a href="" target="_blank"> <div class="panlifang1" style="width:宽度px;height:宽度px;background:url(原图地址);"> <div class="J_TWidget" data-widget-config="{"trigger":&quo…
Dialog.js的相关注释已经添加,可以按照注释,进行相关样式的修改,适用于自定义的各个系统! dialog.js /** * jQuery的Dialog插件. * * @param object content * @param object options 选项. * @return */ function Dialog(content, options) { var defaults = { // 默认值. title:'标题', // 标题文本,若不想显示title请通过CSS设置其d…
本文将一步步介绍如何使用React或anu创建 一个弹出层. React时代,代码都是要经过编译的,我们很多时间都耗在babel与webpack上.因此本文也介绍如何玩webpack与babel. 我们创建一个ui目录,里面添加一个package.json.内容如下,里面已经是尽量减少babel插件的使用了. { "name": "ui", "version": "1.0.0", "description"…
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效果. 1.1.优点 不需要插件支持 优秀的用户体验 提高Web程序的性能 减轻服务器和带宽的负担 1.2.缺点 浏览器对XMLHttpRequest对象的支持度不足,几乎所有浏览器现在都支持 破坏浏览器“前进”.“后退”按钮的正常功能,可以通过简单的插件弥补 对搜索引擎的支持不足 1.3.jQuer…
从酒店管理系统到智能门锁及其现在的资源共享平台,layui框架,我们团队用的比较多的就是这个layui弹出层. layui弹出层,除了页面iframe层我们比较常用还有就是表单校验和其他相关的友好提示信息. 通常比较常用的方式是layui+jQuery,layui主要引用layui相关的js和css文件,jQuery的话,通常就是两个版本,压缩版和源码版,压缩版就像我们Java没有用maven那样,就是一个一个的jar文件,如果我们想看源码,就必须找到对应的源文件.源文件通常情况下比jar包式的…