摘要:
效果图: 先贴代码 HTML: 这里的图片路径换你想要的就可以啦 css: 我们用了盒子模型进行布局 阅读全文
摘要:
贴代码之前,我们先讲一下它的原理,我们使用setInterval,让文字一开始置于屏幕看不到的位置,左右上下都可以,然后让它的位置不断移入到屏幕看得到的位置。 下面上代码: html: js: 阅读全文
摘要:
jq对渐入渐出进行封装,简单的使用连个方法就可以实现。fadeIn(),fadeOut();如果我们界面没有使用jq那么原生怎么实现呢? 我们讲解一下,这个原理。当我们要实现渐入的时候,首先是让隐藏的div慢慢的显示,通过让opacity慢慢从 0.0 (完全透明)到 1.0(完全不透明)。渐出就是 阅读全文
摘要:
这个方法的作用是防止填写信息时不小心按了刷新(F5,刷新界面,返回)。 目前能实现这个需求的只有这个方法。 具体代码如下: 1、首先在body添加 onbeforeunload 这个事件 2、在js里面做操作 目前只有这个方法,等以后有更好的再跟大家一起分享。 阅读全文
摘要:
贴代码之前,我们先讲一下这里我们用到的技术主要有1个。setInterval(),这个方法可以实现倒计时的效果。 css: .weui_btn_disabled.weui_btn_default { color: #C9C9C9;} .weui_btn_plain_primary { color: 阅读全文
摘要:
一般我们有两种情况会出现滚动条,一种是overflow,一种是使用scroll. 当我们需要改变这个滚动条样式的时候,我们需要做以下的修改: html: css: 阅读全文
摘要:
这里我们使用 LArea 插件 ,首先我们要先引入 LArea.min.js LArea.min.css 这两个库。 html如下: js如下: 阅读全文
摘要:
this关键字是一个非常重要的语法点。毫不夸张地说,不理解它的含义,大部分开发任务都无法完成。 首先,this总是返回一个对象,简单说,就是返回属性或方法“当前”所在的对象。 下面来两个例子来让大家更加直观: 看了这两个例子,下面我们来总结下: 全局环境、构造函数、对象的方法,这三种情况this的指 阅读全文
摘要:
首先要把你要用的md5库引入 这个技术其实挺简单的,咋们直接贴上代码(这个是项目上的) 阅读全文
摘要:
贴代码前,我们先讲下一些基本常识。摇晃手机分为两个行为,一个时候开始摇晃手机,一个是手机停止摇晃。这分别是两个事件 1.deviceOrientation:方向传感器数据的事件,通过监听该事件可以获取手机静态状态下的方向数据; 2.deviceMotion: 运动传感器数据事件,通过监听该事件可以获 阅读全文