加速效果：增加重力值，随着定时器的执行，重力增大 回弹效果：当抵达目标位置时，将速度改为负值 回弹减速：将速度改变为负值的同时，乘以一个小数减少其速度 效果图： html样式实现： <style type="text/css"> .cont{ width: 1000px;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
var allClick = document.getElementById("all1");// JS监听：http://github.crmeb.net/u/defuallClick.addEventListener('click',function(){ var bolcheck = this.checked; var obox=this.parentNode; var lis=obox.children[2].getElementsByTagName(&q
vue 实现原理简述 Vue对属性变化检测的核心实现就是Object.defineProperty方法。这个方法可以为对象定义新的属性。可以设置getter，setter回调。 <div id= "box"></div> <script> var obox = document.getElementById("box") var obj = {} Object.defineProperty(obj, '
真心话还是大冒险？相信大家基本上都做过这个游戏，我们一般都是通过卡牌抽取当前是真心话还是大冒险，那么向这种卡牌抽取的方式，使用简单的js也能实现类似卡牌的效果~如下面效果图： 翻转卡牌就可以看到自己选择的是真心话还是大冒险~那么接下来我们一起来看一下如何实现的吧！ 最初
【转】 前端笔记之JavaScript（七）深入函数&DOM那点事 一、函数补充 1.1 arguments类数组对象 arguments 是一个对应于传递给函数的参数的类数组对象。 在函数中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。 在其它编程语言中，比如java：如果一个函数被定义过两次，每
【转】 前端笔记之JavaScript（八）关于元素&计算后的样式 一、获取元素方法（JS选择器） 1.1概述 得到id元素的方法 document.getElementById() 得到一个元素。事实上，还有一个方法可以得到标签元素，并且得到的是多个元素： document.getElementsByTagName(); 全线浏
从学习前端以来，属性和特性已困惑我很久。今天使用jQuery时，又踩到了这个坑。于是下定决心，彻底搞懂它。 一、对象、属性和特性的关系 先来看一下词典的解释： property：1、财产、所有权、房地产；2、性质、特性、属性；attribute：属性、特质、特性、品质 好吧，除了财产、房地产（手动斜眼），好像
《html》 <!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>3D carousel</title><link rel="stylesheet" href="css/style1.css"></head><body><div id
首先创建一个盒子 .box{ width:100px;height:100px; background: red; position: absolute;left:0;top:0; } <body> <div class="box"></div> </body> 接下来是js代码部分 <script> var obox
当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。 这 一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层 js冒泡和捕获是事件的两种行为，使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前
// 可视内容区域的宽高 console.log(obox.clientWidth) console.log(obox.clientHeight) // 包括滚动区域的宽高 console.log(obox.scrollWidth) console.log(obox.scrollHeight) // 可视边框区域的宽高 console.log(obox.offsetWidth) console.log(obo
DOM操作（基础版） DOM是document Object Model的缩写，简称文档对象模型。只要记住这是操作文档的就行了。 DOM基础选择器 1、getElementById(id); //获取指定的id元素 2、getElementsByClassName(class); //通过class获取元素，返回值是数组 3、getElementsByTagName(p); //获取相同标
事件基础 JavaScript 事件是由访问 Web 页面的用户引起的一系列操作。 当用户执行某些操作的时候，再去执行一系列代码。或者用来获取事件的详细信息，如鼠标位置、键盘按键等。 事件处理函数 javaScript可以处理的事件类型为：鼠标事件、键盘事件、HTML事件 所
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&qu
一、键盘事件 1、.onkeydown //按下建就触发 如： var oTxt = document.getElementById(‘txt’); oTxt.onkeydown = function(){ //alert( ‘按下键了！’ ); alert( this.value ); }; 结果是，先弹出表单内的内容，然后表单框在显示出按下的健的值 2、onkeyup //按
(一)javascript简介 1-定义 具有面向对象能力的、解释型的编程语言. 2-历史 1997 netscape LiveScript 和sun合作 曾java热度 改名javascript 微软 JScript \ EaseScript ECMA 欧洲计算机制造商协会(European Computer Manufactures Association) ECMAScript(标准) ECMA-262
在写一个JavaScript效果的时候一定要知道他的实现逻辑，下次在写这种东西的时候逻辑在，基本很多都可以实现了。那么下面小猿圈就针对于JavaScript瀑布流效果的代码逻辑分析一波： 1. 先把页面布局调整好，html代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
一、函数补充 1.1 arguments类数组对象 arguments 是一个对应于传递给函数的参数的类数组对象。 在函数中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。 在其它编程语言中，比如java：如果一个函数被定义过两次，每次参数个数都不同。相当于定义了两个不同的函数，根据参
