modal 永久移除遮盖层

样式中直接加入: .modal-backdrop { opacity: 0 !important; filter: alpha(opacity=0) !important;}…

modal 移除遮盖层

弹框关闭时移除遮盖层 $("#modal").bind('hide.bs.modal',function(){ $(".modal-backdrop").remove(); }) 永久移除遮盖层:https://www.cnblogs.com/G921123/p/10387172.html…

给视频加上遮盖层, 移入隐藏, 移开显示遮盖 ;;; mouseover ,和 mouseout

如下图所示: 主要就是给遮盖定位 . 但是有一个问题就是 video的高度不是固定的 . 如果 video 和遮盖在一个父级div里, 无法确定位置, 如果用js效果不是很好. 思路: video 和遮盖不在一个div里: html:  <div class="defaultVideo"> <video controls> <source src="../eypt_uploads/json01.…

用CSS3在手机上写弹出框，遮盖层

html: 在页面头部要写 <title>网上预约</title> <link href="../App_Themes/default/css/header.css" rel="stylesheet" type="text/css" /> <link href="../App_Themes/default/css/public.css" rel="stylesheet&quo…

Cocos Creator（圆形遮罩头像）动态增加遮盖层 mask 并设为圆形生效

var avatar = new cc.Node('avatar'); var sp = node.addComponent(cc.Sprite); sp.spriteFrame = new cc.SpriteFrame(texture); var mask = new cc.Node(); var mask_node = mask.addComponent(cc.Mask); // 真正的创建出 mask mask.parent = self.node; // mask_node.parent…

HTML— 弹出遮盖层

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="test/css"> .cover_layer{ width: 100%; height: 100%; top:0%; left:0%; display: none; position:fixed; z-index:…

AJAX 加载效果(遮盖层)

//创建遮罩层函数体 function createMask(){ var node=document.createElement('div'); node.setAttribute('id','backdrop'); node.style="position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:rgba(0,0,0,0.6);"; node.style.display="none…

jquery 模拟 alert 手机，pc，平板 3合一

$.kw = { title : "System information", //默认标题可修改 speed : 400, //默认速度可修改 buttonName : "确定", //确定按钮默认名称可修改 content : "Content", //移除遮盖层 del : function () { $("#alert-layer").remove(); }, //响应ESC键盘退出 esc : function…

给Jquery添加alert,prompt方法，类似系统的Alert，Prompt，可以响应键盘，支持拖动

我们在调用系统的Alert,prompt的弹出提示时,不同的系统会有不同的提示框,视觉效果不统一,而且不好看,功能单一,现在我们通过Jquery模拟Alert,prompt,现实统一视觉效果,而且内容丰富的弹出提示. Jquery可以扩展自己的功能,如果对Jquery开发插件不熟悉的人可以到官方网去看看文档,比较简单易懂. /* * 本插件基于JQUERY * Jquery版本: 1.7.2 * Date:2012-06-28 * Author:Kingwell * …

基于AOP的iOS用户操作引导框架设计

背景有一种现象,App设计者觉得理所当然的操作方式,却常常被用户所忽视,为了防止这种现象发生,就要为App设计一个帮助,一种低成本的方案是将帮助文档写成HTML然后展示给用户,这样的方式常常不能带来好的效果,一种较好的方式是高亮用户应该点击的区域,对其他部分进行遮盖,并用说明文字提醒用户,如下图所示.点击这里观看动画演示下载框架SGUserGuide已经上传到github,点击前去github下载,欢迎Star! 关键要实现这种引导,关键问题有二,一是如何拿到允许交互的控件,二是如何处理…

[读码][js,css3]能感知鼠标方向的图片遮罩效果

效果图: 无意间看到过去流行的一个效果:[能感知鼠标方向的图片遮罩效果]近来不忙,就仔细的看了一看看到后来发现,网上有好多版本,谁是原著者似乎已经无法考证.读码就要读比较全面的,读像是原著的代码.代码随然不难,不过要能想到这个创意,并成功应用却很难! 另外,对于初学者,这也是不错的学习例子.含Jquery插件写法,css3等英文教程:http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/源码下载:http://tympanus.net…

web移动前端的click点透问题

在移动端开发中,有时会出现click点透的问题. 一.什么是click点透以下情况,在B元素上有半透明红色遮盖层A,黄色B元素内有可点击链接C. tips:以下举例仅针对webkit内核浏览器,所有效果需要在移动端进行查看(PC端不支持touch事件). 具体html代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <tit…

jQuery Dialog弹出层对话框插件

Dialog.js的相关注释已经添加,可以按照注释,进行相关样式的修改,适用于自定义的各个系统! dialog.js /** * jQuery的Dialog插件. * * @param object content * @param object options 选项. * @return */ function Dialog(content, options) { var defaults = { // 默认值. title:'标题', // 标题文本,若不想显示title请通过CSS设置其d…

Bootstrap模态框

backdrop选项,当设置成false的时候, 背景不会出现半透明的遮盖层,当用户点击模态框外部时不会关闭模态框: 设置成true的时候会出现遮盖层,当用户点击模态框外部时则会关闭模态框. 那如果又想有这个遮盖的效果,但是又不想用户点击模态框外部时关闭模态框,该怎么弄能?其实这个遮盖层就是加了一个DIV. (<div class="modal-backdrop in"></div>) 我们可以把backdrop设置成false,然后直接加上这个DIV就可以了…

js弹出层插件 -- weebox

1.引入文件: 使用前需包含以下jquery.js.bgiframe.js.weebox.js.wee.css文件 2.基本用法举例如下: <script type="text/javascript"> $.weeboxs.open('#testbox', { title: 'hello world', width:400, height: 200 }); $.weeboxs.open('The operation failed.',{ onopen:function(){…

弹出框weeboxs 基本属性总结

使用前需包含以下jquery.js.bgiframe.js.weebox.js文件 boxid: null, //设定了此值只后,以后在打开同样boxid的弹窗时,前一个将被自动关闭 boxclass: null, //给弹窗设置其它的样式,用此可以改变弹窗的样式 type: 'dialog', //弹窗类型,目前有dialog,error,warning,success,wee,prompt, box六种 title: '', //弹窗标题 width: 0, //弹窗宽度,不设时,会自动依…

Vue开源项目库汇总

最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. UI组件 element ★9305 - 饿了么出品的Vue2的web UI工具套件 Vux ★6802 - 基于Vue和WeUI的组件库 mint-ui ★4776 - Vue 2的移动UI元素 iview ★4458 - 基于 Vuejs 的开源 UI 组件库 Keen-UI ★2363 - 轻量级的基本UI组件…

Vue常用经典开源项目汇总参考-海量

Vue常用经典开源项目汇总参考-海量 Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 易用(已经会了HTML,CSS,…

Vue常用开源项目汇总

前言:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.易用(已经会了HTML,CSS,JavaScript 即可轻松上手).灵活(简单小巧…

iOS开源加密相册Agony的实现（五）

简介虽然目前市面上有一些不错的加密相册App,但不是内置广告,就是对上传的张数有所限制.本文介绍了一个加密相册的制作过程,该加密相册将包括多密码(输入不同的密码即可访问不同的空间,可掩人耳目).WiFi传图.照片文件加密等功能.目前项目和文章会同时前进,项目的源代码可以在github上下载. 点击前往GitHub 概述上一篇文章主要介绍了照片浏览器的缩略图预览界面设计,本文主要介绍照片的保存.删除批处理的实现. 照片批处理设计交互设计开启编辑模式的方式为点击底部工具栏的编辑按钮,如下图所…

Vue应用框架整合与实战--Vue技术生态圈篇

实用框架以及工具 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 Element-UI ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和V…

vue各种插件汇总

https://blog.csdn.net/wh8_2011/article/details/80497620(copy) Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能…

VUE插件大总结

UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式一致的响应式 UI 库 vuetify - 为移动而生的Vue JS 2组件框架 vonic - 快速构建移动端单页…

Vue相关开源项目库汇总

https://github.com/opendigg/awesome-github-vue http://www.opendigg.com/tags/front-vue README.md 内容 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 element ★9521 - 饿了么出品的Vue2的web UI工具套件 Vux ★6888 - 基于Vue和WeUI的组件库 mint-ui ★4835 - Vue 2的移动UI元素 iview ★4551 - 基于…

vue插件大全汇总

Vue是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,来了个大汇总,方便查找使用,便于工作和学习.很全的vue插件汇总,赶紧收藏下吧! 一.UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-materia…

【转载】 github vue 高星项目

内容 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和Vue 2建立精美的…

VUE插件总结

亲们支持我的新博客哦==>地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w) ) UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式一致的响应式 UI 库…