2017年04月_anda9128

转载下拉刷新，上拉加载更多，超级好用的插件

近期做了一个项目需要用到下拉刷新，上拉加载更多，无意间在GitHub上面发现了这个插件，很小，只依赖于jQuery或Zepto就可运行。使用也很简单，下面贴上示例：　　插件地址：http://ons.me/526.html　　插件内容我就直接贴在博客最后面了，复制粘贴就能用了：　　下面直接上示例：　　示例一、加载底部<script>$(functi...

2017-04-28 15:54:00 228

转载利用随机数改变盒子样色，相邻两个不同色

这是一个随机数应用的小例子，简单明了：<body> <style> #wrapper{width:300px;margin:0 auto;} #wrapper li{height:50px;text-align: center;font-size:18px;line-height: 50...

2017-04-28 14:27:00 162

转载 touch监听判断手指的上滑，下滑，左滑，右滑，事件监听

判断滑动的方向和距离，来实现一定的效果，比如返回上一页等等<body> <script> $(function(){ //给body强制定义高度 var windowHeight = ...

2017-04-26 17:59:00 750

转载 Flex 布局教程：语法篇

注：最近研究整理swiper时，发现了Flex这个好东西，好东西！　　　　原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex 布局教程：语法篇网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +floa...

2017-04-24 22:14:00 61

转载自定义弹框（手机端），定时消失

//文字弹框，1秒后消失function txt_layer_glo(txt, time) {var txt_layer = " <p class=\"txt_layer\" style=\"position:fixed;z-index:100;left:10%;top:50%;margin-top:-20px; width:80%;text-align:cent...

2017-04-24 15:11:00 79

转载点击按钮显示隐藏DIV，点击DIV外面隐藏DIV

点击按钮显示隐藏DIV，点击DIV外面隐藏DIV注意：此方法对touch事件不行，因为stopPropagation并不能阻止touchend的冒泡<style type="text/css"> body { background-color:#999999; } ...

2017-04-24 14:33:00 229

转载获取各种屏幕宽度、高度

JS,Jquery获取各种屏幕的宽度和高度Javascript:网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边...

2017-04-22 10:11:00 71

转载 prototype为对象添加属性和方法

可以通过prototype来为已经定义好的的"类"添加属性和方法。这里来了解一下prototype的基础知识。prototype是"构造函数"的属性，不是实例的属性.示例：function HiClass() { this.sayHi = function(){ alert("hi"); } } var o...

2017-04-22 00:03:00 574

转载 iphone在iframe页面的宽度不受父页面影响，避免撑开页面

因为工作需要在H5小游戏中插入广告，所以小游戏要放在iframe里面，但是那样的话在iphone手机上iframe的宽度限制不住，在Android设备上面是正常的所以要单独对iframe里面的body进行宽度限制才能实现效果。可以用css也可以用js来控制：css就不写啦，js控制如下：判断浏览器设备，然后修改样式：if (!navigator.userAgent.matc...

2017-04-21 21:05:00 130

转载 touch事件应用

js的touch事件，一般用于移动端的触屏滑动: $(function(){ 　　document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1); } touchstart:当手指触摸屏幕时触发；即使已经有一个手指放在了屏幕上也会触发。 to...

2017-04-20 18:03:00 104

转载 js获取手机屏幕宽度、高度

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全...

2017-04-20 14:20:00 180

转载 css3特效样式库

直接调用样式类即可： 1 /* animation */ 2 .a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;} ...

2017-04-20 08:38:00 719

转载 js基础：对DOM进行操作，删除、添加元素

1 <body> 2 <div id="div1"> 3 <p id="p1">第一段</p> 4 <p id="p2">第二段</p> 5 </div> 6 <!-- 7 DOM :文档对象...

2017-04-19 22:43:00 246

转载 eval基础，基础用法及解析json

8 <body>10 <!--11 eval 的使用：eval(string)12 计算某个字符串，并执行其中的js代码13 14 字符串上运用 eval()15 eval("x = 10;y = 2;document.write(x*y)");16 ...

2017-04-19 22:27:00 101

转载 ajax调用数据案例，二级联动

题目：请针对移动端web浏览器制作一个结账数据信息展示页面要求：1、页面样式除不使用表格呈现外，可自由选择其他呈现方式2、需符合移动端操作习惯3、可根据服务区、门店查询结账信息4、可根据时间段对结账信息进行筛选Ajax交互接口：1、务区数据列表：(对象名称：SERVERPARTObject)http://eshang.imwork.ne...

2017-04-19 18:52:00 104

转载正则验证，match（）与test（）函数的区别？

test是RegExp的方法，参数是字符串，返回值是boolean类型。match是String的方法，参数是正则表达式，返回值是数组。案例： 1 //判断日期类型是否为YYYY-MM-DD格式的类型 2 function IsDate(){ 3 var str = document.getElementById('str').valu...

2017-04-11 22:21:00 131

转载 css实现一行居中显示，两行靠左显示，超过两行以引号省略

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0;padding:0;font-family:...

2017-04-06 13:56:00 345

转载 js控制图片自动缩放，实现铺满盒子，不变形，完全局中

此js一般用于控制图片铺满盒子，但是比例不变，并且绝对局中原理：判断图片的高宽与盒子高宽的大小的关系，然后通过比例来控制图片的缩放及定位<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g...

2017-04-06 11:38:00 529

转载点击显示隐藏盒子函数

示例：（手机导航栏）<header> <div class="logo"></div> <p class="text">微蜂传媒</p> <div class="nav_btn" onclick="showHide('.dropdown_menu')"></d...

2017-04-05 15:11:00 159

转载使用line-height来垂直居中在安卓设备并不居中，利用ji调整

先判断智能机浏览器的版本信息：方法有两种，但是第一种兼容性更好，但是使用了device插件第一种：if (device.android()){　　　　}第二种：var ua = navigator.userAgent.toLowerCase();//获取浏览器的userAgent,并转化为小写——注：userAgent是用户可以修改的var isAndroid ...

2017-04-05 09:20:00 77

转载 a：hover标签已经定义了text-decoration：none,并且生效，但是还是有下划线

a标签在F12计算出来的样式里 text-decoration:none; 确实有被应用到。但是链接的下划线并没有被去掉...解决办法：p:commandLink<p:commandLink class='tits'><a href='#' title='' target='_blank'>美女美女都让猪拱了</a></p:comm...

2017-04-01 17:17:00 1031

anda9128的博客