手表网站app推荐,wordpress分类自定义title,网站策划论坛,科技型中小企业服务平台官网入口今天发一个之前写的移动端的项目#xff0c;主要是讲一下遮罩层的应用#xff0c;以及顺带提一下移动开发的一些事情。首先按钮点击弹出遮罩层这个大家很熟悉了#xff0c;这里还是给大家提供一份代码#xff0c;跟通用的没太大区别#xff0c;主要讲一下方法#xff1a;…今天发一个之前写的移动端的项目主要是讲一下遮罩层的应用以及顺带提一下移动开发的一些事情。首先按钮点击弹出遮罩层这个大家很熟悉了这里还是给大家提供一份代码跟通用的没太大区别主要讲一下方法 $(function(){ var jiage$(.jiage),xingji$(.xingji),fj$(.fj li),qd$(.qd);jiage.click(function(){tanchu();xingji.slideDown(260); });function tanchu(){var wdocument.createElement(div); w.setAttribute(id, mybody); //创建透明背景层(mybody) with (w.style) { width100%; height100% position absolute; zIndex 10; left 0; top 0; background #000000; filter Alpha(opacity50); opacity 0.3; } document.body.appendChild(w);} fj.click(function(){fj.css(background,#fff).css(box-shadow,0).css(color,#000);$(this).css(background,#F4F4F4).css(box-shadow,0px 1px 0px #999 inset).css(color,#31A1A4); }); //点击之后清楚遮罩层qd.click(function(){xingji.slideUp(300);var m$(#mybody); m.remove();});}); 遮罩层的代码没什么好说jq的基本dom操作当然有需要的可以自取也很容易看懂。另外值得一提的是遮罩层的弹窗都要注意销毁而这里因为正好页面处有确定选项所以通过点击确定之后清楚遮罩层。当然这里提一个在移动端如何做上拉框的做法。我用的是将上拉框先用绝对定位fixed然后点击的时候下拉因为本身jq的slideUp采取的就是将div由0变大因此这样的做法便能实现我们想要的效果。附上图片 这里想提一下该项目是之前在小公司做的外包项目初步只实现了效果而用户体验事实上却是很差浏览器采取和客户端一样的效果明显有很大缺陷反应较慢。当然从某种程度上调试也是可以提升一部分效果的。 转载于:https://www.cnblogs.com/qianyongV/p/3972575.html
