这两天做了一个网上的项目,其实也不是自己做的,嘿嘿,现在就来说说我对这个小页面效果代码的理解代码下载 1.添加javascript引用和CSS文件的引用 2.HTML代码 先说说放大镜cloud-zoom,与其他插件不一样,cloud-zoom不需要再在 js 代码里调用了,只需要给 a 标签加上 ...
分类:
Web程序 时间:
2017-07-10 19:06:26
阅读次数:
287
<!--弹出层 > <div class="mask"> <div class="wrap"></div> </div> /***弹出层效果***/ $(".header").find(".a5").click(function(e){ e.stopPropagation();//阻止冒泡 $('. ...
分类:
Web程序 时间:
2017-07-10 12:09:56
阅读次数:
144
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js制作带有遮罩弹出层实现登录小窗口</title> <link type="text/css" rel="stylesheet" href="./css/rese ...
分类:
Web程序 时间:
2017-07-08 15:13:30
阅读次数:
237
1.让层始终显示在屏幕正中间: 样式代码: Html代码 .model{ position: absolute; z-index: 1003; width:320px; height:320px; text-align:center; background-color:#0066FF; displa ...
分类:
Web程序 时间:
2017-06-30 20:52:54
阅读次数:
255
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>透明层-弹出层</title><style>*{margin:0;padding:0;}.main{width:100%; height:1000px;}.div1{t ...
分类:
Web程序 时间:
2017-06-30 17:10:43
阅读次数:
151
原理:点击菜单弹出层的同时 body html禁止滚动 $('body,html').css({'height':'100%','overflow':'hidden'}); 弹出层退出时释放body html 解除禁止滚动 $('body,html').removeAttr("style"); ...
分类:
移动开发 时间:
2017-06-28 20:40:44
阅读次数:
157
$.post("DeleteHandler.ashx", { "table": "Contents", "ID": vals }, function (data) { layer.alert(data, function () { window.location="Content.aspx"; pa ...
分类:
Web程序 时间:
2017-06-20 09:42:12
阅读次数:
210
花费了10天时间,纯手写一个医药箱APP静态小项目,里面有上拉加载、左右滑动、弹出层淡入淡出等效果,主要是练习。 以下是一部分页面效果图: 我用的是谷歌的开发者工具的手机端模拟器。 大家有兴趣可到我博客的文件项里下载。里面需要优化的地方还有很多,欢迎指正! ...
分类:
移动开发 时间:
2017-06-20 00:17:58
阅读次数:
229