2017年4月11日

移动WEB-使用hammer.js实现滑动门(carousel )

摘要: 1.首先需要引入jQuery文件和hammerJS的插件: http://www.bootcdn.cn/jquery/ 2.文档结构设计 3.样式设计: 4.JS操作: 主要是通过监听手指移动的变化,包括drag,swipe和release的判断,再根据所在面板与面板总宽度的比值,对面板的位置属性进 阅读全文

posted @ 2017-04-11 01:15 周裕涛 阅读(966) 评论(0) 推荐(0) 编辑

2017年4月8日

移动端-模拟手势事件

摘要: 分别取touchstart事件和touchmove事件中事件对象(e.touches[0])的pageX和pageY属性,相减后进行判断,判断之后记得移除touchmove事件 阅读全文

posted @ 2017-04-08 16:42 周裕涛 阅读(317) 评论(0) 推荐(0) 编辑

移动端-单点触碰和多点触碰

摘要: 多点触碰:1.监听touchstart事件,获取事件对象(e)的targetTouches对象列表属性,然后遍历这个属性获得每一个touch对象,为每个touch对象生成一个节点(spot),将touch对象的pageX属性和pageY属性赋值给节点(spot)的left和top,然后将节点(spo 阅读全文

posted @ 2017-04-08 00:40 周裕涛 阅读(672) 评论(0) 推荐(0) 编辑

2017年4月6日

CSS3过渡(transition)-圆球随鼠标点击而移动

摘要: 另外,可对事件进行监听: el.addEventListener("webkitTransitionEnd",updateTransition,true); 阅读全文

posted @ 2017-04-06 22:44 周裕涛 阅读(1864) 评论(0) 推荐(0) 编辑

负margin-双飞翼布局

摘要: 优点,优先加载mian区域的内容,中间区域可根据屏幕尺寸变化自动伸缩,左右两栏则固定布局。 阅读全文

posted @ 2017-04-06 20:27 周裕涛 阅读(203) 评论(0) 推荐(0) 编辑

JS-对一串数字每三位加上逗号

摘要: function addCommas(num){ var string=num+'';//将数字转换成字符串形式 var arr=string.split('.');//分割逗号; var num1=arr[0]; var num2=arr[1]?'.'+arr[1]:'.00';//若有小数则添加 阅读全文

posted @ 2017-04-06 01:19 周裕涛 阅读(4573) 评论(0) 推荐(0) 编辑

2017年4月5日

闭包在DOM中的使用

摘要: 目的:保证索引值不被污染,因为变量i是全局变量。 阅读全文

posted @ 2017-04-05 22:47 周裕涛 阅读(314) 评论(0) 推荐(0) 编辑

画三角形和画半圆

摘要: 一.画三角形 二.画半圆形 阅读全文

posted @ 2017-04-05 15:02 周裕涛 阅读(294) 评论(0) 推荐(0) 编辑

CSS中外边距重叠的问题

摘要: 相邻的两个或多个外边距会合并成一个外边距,当同为正的,取最大的外边距,当有正负时,取最小的外边距加上最大的外边距,这里的相邻指的是外边距的相邻: 阅读全文

posted @ 2017-04-05 01:05 周裕涛 阅读(583) 评论(0) 推荐(0) 编辑

2017年4月2日

location对象-解析URL查询字符串参数

摘要: 重新加载窗口方法:location.reload();//可能从缓存中加载 location.reload(true)//从服务器重新加载 阅读全文

posted @ 2017-04-02 15:13 周裕涛 阅读(334) 评论(0) 推荐(0) 编辑

导航