随笔分类 - 前端/CSS/小程序
摘要：<style> body { -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -o-filter: grayscale(100%); /*opera*/ filter: g
阅读全文
摘要：1.在body内输入div.abc按下tab键 效果： <div class="abc"></div> 2.在body内输入div#abc按下tab键 效果： <div id="abc"></div> 3.在body内输入ul>li{小花}*3按下tab键 效果： <ul> <li>小花</li>
阅读全文
摘要：$(function(){ //输入框正在输入时 $("#ipt").on('input',function(){ if(!($('#ipt').val()=='')){ $(".cancle_ico").removeClass('hide'); }else{ $(".cancle_ico").ad
阅读全文
摘要：这里我们用的是WorkerMan框架，服务器是CentOS，Web服务器是Apache，开发语言是PHP。 因为WSS是WebSocket和SSL的结合，所以需要提前准备好对应域名的SSL证书，一般情况下是三个证书文件，比如下面： SSLCertificateFile "/www/wwwroot/t
阅读全文
摘要：开发中有时候会碰到需要一个表单弹窗来处理数据的提交处理，然后这次发布的这套源码就是解决这个问题！ <!--button--> <view class="btn" bindtap="powerDrawer" data-statu="open">button</view> <!--mask--> <vi
阅读全文
摘要：wxml代码： 1 <view class="container"> 2 <view wx:for="{{list}}" wx:key="this" style="padding: 10px 0;border-bottom: 1px solid #ddd;"> 3 <view> 4 {{index+
阅读全文
摘要：单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素） 使用inline-block 和 text-align实现 .pare
阅读全文
摘要：因为一直为元素居中问题而困扰，所以决定把自己遇到和看到的方法记录下来，以便以后查看 如果要让inline或inline-block元素居中显示，则父元素css中包含text-align:center; 如果让block元素居中，为其本身添加margin:0 auto; 复杂情形下可以用： displ
阅读全文
摘要：组件wxml代码 <scroll-view class="container"> <view class="scrolltxt"> <view class="marquee_box"> <view class="marquee_text" style="transform: translateX(-
阅读全文
摘要：上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局
阅读全文
摘要：网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式
阅读全文
摘要：1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true <input type="submit" value="提交" hidefocus="true" /> 2.只读文本框内容,在input里添加属性值 readonly <input type
阅读全文
摘要：在HTML5移动开发中，iScroll能帮我们做不少的事情，下面我们就来学学iscroll怎么使用。 1、首先看段简单的代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html" char
阅读全文
摘要：html禁止手机页面放大缩小。这个主要应用在手机端，有些网页的尺寸到了手机这里，页面尺寸就会缩小。如何保证手机看到的页面尺寸大小就是我们给网页设置的body长和宽呢？方法如下：html禁止手机页面放大缩小：当我们手机打开网页的时候，网页会自动缩放，如何禁止缩放呢？加如下代码： <meta name=
阅读全文
摘要：下拉跳转原理很简单这个用到了select的onchangeg事件，只要这里改变我们就获取select值直接location.href=this.value即可。 <select name="dh" onchange="javascript:location.href=this.value;"> <o
阅读全文
摘要：<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转……<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul> <!--脚本开始-
阅读全文
摘要：在网页中JS函数自动执行常用三种方法 在HTML中的Head区域中，有如下函数： <SCRIPT LANGUAGE="JavaScript"> functionn MyAutoRun() { //以下是您的函数的代码，请自行修改先！ alert("函数自动执行哦！"); } </SCRIPT> 下面
阅读全文
