摘要：
一、区分容易混淆的几个属性和值 先区分一下css中的几个属性：animation（动画）、transition（过渡）、transform（变形）、translate（移动）。 CSS3中的transform(变形)属性用于内联元素和块级元素，可以旋转、扭曲、缩放、移动元素，它的属性值有以下五个：旋 阅读全文
posted @ 2018-07-26 14:38
极客小乌龟
阅读(953)
评论(0)
推荐(0)
摘要：
前言 刷网页的时候，有时会遇到这样一个情景，当某个dom元素滚到可见区域时，或者图片的懒加载效果，它就会展现显示动画，十分有趣。那么这是如何实现的呢？ 实现原理 想要实现这个功能，就要知道具体的实现原理。下面直入主题。 我们通过浏览器在浏览一个网页时候是这个样子的，如图所示 页面的长宽，以及各dom 阅读全文
posted @ 2018-07-24 22:08
极客小乌龟
阅读(4348)
评论(0)
推荐(0)
摘要：
有时候我们可能会想要改变某个资源信息的长宽度，比如改变某个div的宽度，而且需要让这个宽度缓慢改变，而不是突然就改变了。这时候你可能会想到使用jquery的animate()函数，不过这个方法既得引用jquery，又得使用函数，有点太简单粗暴了，今天介绍一种更为方便而且优雅的方法，那就是使用CSS3 阅读全文
posted @ 2018-07-24 19:10
极客小乌龟
阅读(3052)
评论(0)
推荐(0)
摘要：
调用如下：goNextInput('.code-num'); 阅读全文
posted @ 2018-07-23 23:44
极客小乌龟
阅读(2336)
评论(0)
推荐(0)
摘要：
innerWidth()在元素隐藏的时候是取不到值的，但是取到的是元素的内部尺寸，包括padding和content值，，如果元素隐藏了之后他的content就为空，值为0，所以只有等到元素显示之后再取值计算，才会显示正常 $("#input_txt").css("width", $(".toolbars").width() - $("#favour").innerWidth() - $("... 阅读全文
posted @ 2018-07-20 16:22
极客小乌龟
阅读(598)
评论(0)
推荐(0)
摘要：
先介绍几个属性：（暂时只测了IE和firefox，实际上我工作中用到的最多的是chrome） 网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度） (javascript) document.documentElement.scrollTop //firefox (javascript 阅读全文
posted @ 2018-07-19 21:40
极客小乌龟
阅读(3345)
评论(0)
推荐(0)
摘要：
一、手指触屏，利用touchstart和touchend计算前后滑动距离，判断是上拉还是下滑。 二、js中距离：pageY、clientY、offsetY的区别： offsetY:相对于父节点的偏移距离。 clientY:相对于浏览器，滚轮距离不算在内。 pageY:相对于浏览器，滚轮滚动的距离算在 阅读全文
posted @ 2018-07-19 21:38
极客小乌龟
阅读(886)
评论(0)
推荐(0)
摘要：
最近在搞弹幕效果所以就写一个关于弹幕的吧，刚开始寻思去网上找插件的，但找的插件和我的需求都不太相符，其实做弹幕我知道的有两种方法： 1：一种是用canvas和对象来完成弹幕想过，用canvas来完成弹幕动画，每一条弹幕就是一个对象，但是由于canvas定位到视频框上面，会覆盖掉直播框，这样就会让我的 阅读全文
posted @ 2018-07-19 21:33
极客小乌龟
阅读(715)
评论(0)
推荐(0)
摘要：
原理：1：当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和staerY； 2：当触发touchmove事件的时候，再获取此时手指的横坐标moveEndX和纵坐标moveEndY；最后，通过两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。 代码： $("body").o 阅读全文
posted @ 2018-07-19 21:31
极客小乌龟
阅读(5802)
评论(0)
推荐(0)
摘要：
获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS” 阅读全文
posted @ 2018-07-18 15:22
极客小乌龟
阅读(1327)
评论(0)
推荐(0)
浙公网安备 33010602011771号