最近想做一个类似QQ空间相册，点击照片会出现一个遮罩层，然后显示照片，可以左右切换照片，上网查了，原来叫灯箱效果，于是自己也写了一个简单的灯箱效果，并进行了简单封装，封装得不是很完善，后面还需要改进，下面先发布我的1.0版本，以下是源代码 这是html中 这是css样式 下面是js中的处理，对lig ...
分类：
其他好文 时间：
2016-11-18 21:45:52
阅读次数：
226
判断鼠标移入方向，主要是根据鼠标的移入斜率 k ,当-k<k1<k时，从左右移入，X>X0右侧移入，X<X0左侧移入；否则从上下移入，Y>Y0从底部移入，Y>Y0从顶部移入。 HTML: JS: 浏览效果 上边用到了一个stop事件，stop是jQuery中用于控制页面动画效果的方法。运行之后立即结 ...
分类：
移动开发 时间：
2016-11-14 12:05:58
阅读次数：
221
这个功能很特殊，我有篇随笔写的自助弹框，弹出框后，下面的按钮虽然有遮罩层但还是可以点，有一种解决方法就是用点击后就马上解绑按钮的点击事件，在弹框确定后再绑定上去。 ...
分类：
其他好文 时间：
2016-11-04 23:02:45
阅读次数：
250
移动端能用alert弹窗么？嘿嘿，自己搞一个。 至于样式大家自己设计一个套一下就可以了。 效果图如下： 大家设计css时注意设计弹窗下面的遮罩层，防止下面的页面被点击。 然后这也不算插件啦，写得有所欠缺，还望海涵。 ...
分类：
移动开发 时间：
2016-11-03 13:43:27
阅读次数：
241
一、打开Flash，并新建一个flash文档 二、然后，用矩形工具，快捷键R，绘制一个背景图 三、新建一个图层 四、右击刚刚新建的“图层2”图层，选择“遮罩层” 五、在“图层2”图层上，用椭圆工具（O），绘制一个遮罩 六、在其后若干帧，插入一个关键帧，并将其中的遮罩图像移动位置 七、然后右击，给这些 ...
分类：
其他好文 时间：
2016-10-04 21:10:19
阅读次数：
180
;(function($) { $.Loading = function(options) { //暴漏插件默认值 $.Loading.defaults = { speed: 200, //弹出层淡出速度 bgcolor: 'rgba(0,0,0,.7)', //遮罩层颜色,需要rgba格式，默认黑 ...
分类：
Web程序 时间：
2016-09-27 11:44:28
阅读次数：
185
相信大家在做移动端开发的时候会经常遇到这种场景，需要适时的弹出遮罩（有时为了突出还会在外面加上蒙层），弹窗出现以后，为了追求良好的用户体验，遮罩以下的屏幕是禁止滑动的。在网上找了很多资料，大体就这两种做法，但都有不完善的地方。加上自己的思考和总结，想到一个办法，应该可以解决你的问题。 a）大众型 一 ...
分类：
其他好文 时间：
2016-09-22 01:06:50
阅读次数：
246
1、单例模式：产生一个类的唯一实例 例如：我们在页面中添加遮罩层，每次只能有一个遮罩层存在，因此为单例模式。 在创建遮罩层之前判断是否已经存在，若没有存在，则创建。 这里使用闭包，将是mask变量封装在createMask内。 2、工厂模式：产生多个相似的实例 这里使用的是 var x = Pare ...
分类：
Web程序 时间：
2016-09-17 13:31:20
阅读次数：
162
